How to define static property in TypeScript interface

by

Follow @Duncan’s @Bartvds’s answer, here to provide a workable way after years passed.

At this point after Typescript 1.5 released (@Jun 15 ’15), your helpful interface

interface MyType {
    instanceMethod();
}

interface MyTypeStatic {
    new():MyType;
    staticMethod();
}

can be implemented this way with the help of decorator.

/* class decorator */
function staticImplements<T>() {
    return <U extends T>(constructor: U) => {constructor};
}

@staticImplements<MyTypeStatic>()   /* this statement implements both normal interface & static interface */
class MyTypeClass { /* implements MyType { */ /* so this become optional not required */
    public static staticMethod() {}
    instanceMethod() {}
}

Refer to my comment at github issue 13462.

visual result:
Compile error with a hint of static method missing.
enter image description here

After static method implemented, hint for method missing.
enter image description here

Compilation passed after both static interface and normal interface fulfilled.
enter image description here

More Related Contents:

  1. Why doesn’t Object.keys return a keyof type in TypeScript?
  2. How do you explicitly set a new property on `window` in TypeScript?
  3. How do I convert a string to enum in TypeScript?
  4. Angular 2 @ViewChild annotation returns undefined
  5. TypeScript “this” scoping issue when called in jquery callback
  6. What is the difference between types String and string?
  7. Difference between Variance, Covaraince, Contravariance and Bivariance in TypeScript
  8. How does interfaces with construct signatures work?
  9. Typescript ReferenceError: exports is not defined
  10. How do I prevent the error “Index signature of object type implicitly has an ‘any’ type” when compiling typescript with noImplicitAny flag enabled?
  11. Does Typescript support the ?. operator? (And, what’s it called?)
  12. error TS2339: Property ‘x’ does not exist on type ‘Y’
  13. What does ‘declare’ do in ‘export declare class Actions’?
  14. TypeScript 2: custom typings for untyped npm module
  15. “parserOptions.project” has been set for @typescript-eslint/parser
  16. Exclude/overwrite npm-provided typings
  17. How to use namespaces with import in TypeScript
  18. TypeScript typings in npm @types org packages
  19. angular2 bootstrap with data from ajax call(s)
  20. Interface is allowing extra property when it is used as return type of a function
  21. Typescript: What’s the difference between an optional field and a union with undefined?
  22. Typescript has unions, so are enums redundant?
  23. Typescript: what is a “naked type parameter”
  24. TypeScript conditional return value type?
  25. Naming of TypeScript union and intersection types
  26. Specify return type in TypeScript arrow function
  27. Global types in typescript
  28. ‘R’ could be instantiated with an arbitrary type which could be unrelated to ‘Response’
  29. Typescript Error: type ‘string’ can’t be used to index type X
  30. How to define Map with correlation between a key type and a value type, while they both are unions

Leave a Comment