Implementing TypeScript interface with bare function signature plus other fields

by

A class cannot implement everything that is available in a typescript interface. Two prime examples are callable signatures and index operations e.g. : Implement an indexible interface

The reason is that an interface is primarily designed to describe anything that JavaScript objects can do. Therefore it needs to be really robust. A TypeScript class however is designed to represent specifically the prototype inheritance in a more OO conventional / easy to understand / easy to type way.

You can still create an object that follows that interface: 

interface MyInterface {
    (): string;
    text2(content: string);
}

var MyType = ((): MyInterface=>{
  var x:any = function():string { // Notice the any 
      return "Some string"; // Dummy implementation 
  }
  x.text2 = function(content:string){
      console.log(content); // Dummy implementation 
  }
  return x;
}
);

More Related Contents:

  1. Extend interface defined in .d.ts file
  2. Interfaces vs Types in TypeScript
  3. Interface type check with Typescript
  4. How does interfaces with construct signatures work?
  5. Why duck typing is allowed for classes in TypeScript
  6. Usage of interface in Go
  7. Difference between interfaces and classes in Typescript
  8. When to use Interface and Model in TypeScript / Angular
  9. Why shared libraries between microservices are bad? [closed]
  10. ‘compile-time’ way to get all property names defined interface
  11. How can I augment a property within a third-party TypeScript interface defined as “any”?
  12. Is it possible to inject interface with angular2?
  13. Property is not assignable to string index in interface [duplicate]
  14. Explanation of checking if value implements interface
  15. Difference between Fortran’s “abstract” and “normal” interfaces
  16. Is there a `valueof` similar to `keyof` in TypeScript?
  17. Generic type to get enum keys as union string in typescript?
  18. Create a new object from type parameter in generic class
  19. What is the Record type in typescript?
  20. PropTypes in a TypeScript React Application
  21. Why do we use Interface? Is it only for Standardization? [closed]
  22. Angular2, what is the correct way to disable an anchor element?
  23. document.getElementById replacement in angular4 / typescript?
  24. How can moment.js be imported with typescript?
  25. Angular 5 – Copy to clipboard
  26. angular 4+ assign @Input for ngComponentOutlet dynamically created component
  27. Accessing properties in union types
  28. How can I remove a wider type from a union type without removing its subtypes in TypeScript?
  29. What is a TypeScript Map file?
  30. recommended typescript config for node 8

Leave a Comment