Extending functionality in TypeScript [duplicate]

by

I have found the solution. It takes a combination of the interface and the JavaScript implementation. The interface provides the contract for TypeScript, allowing visibility of the new method. The JavaScript implementation provides the code that will be executed when the method is called.

Example:

interface String {
    foo(): number;
}

String.prototype.foo= function() {
    return 0;
}

As of TypeScript 1.4 you can now also extend static members:

interface StringConstructor {
    bar(msg: string): void;
}

String.bar = function(msg: string) {
    console.log("Example of static extension: " + msg);
}

More Related Contents:

  1. Can’t perform a React state update on an unmounted component
  2. Angular 2 Sibling Component Communication
  3. How to convert an array of objects to object with key value pairs
  4. JS : Convert Array of Strings to Array of Objects
  5. Angular 4.3.3 HttpClient : How get value from the header of a response?
  6. ‘package.json’ is not under ‘rootDir’
  7. Inject TypeORM repository into NestJS service for mock data testing
  8. What is the difference between class method vs. class field function vs. class field arrow function?
  9. Angular 4 pass data between 2 not related components
  10. Typescript: No index signature with a parameter of type ‘string’ was found on type ‘{ “A”: string; }
  11. How to import js-modules into TypeScript file?
  12. String.Format not work in TypeScript
  13. How To bind data using TypeScript Controller & Angular Js
  14. How can I preserve lexical scope in TypeScript with a callback function
  15. Visual Studio Code Syntax Highlighting not working for Javascript and Typescript [closed]
  16. Visual Studio Code syntax highlighting is not working for JavaScript and TypeScript
  17. Workaround for accessing class type arguments in static method in Typescript
  18. Why I am not getting warnings about StrictNullChecks in typescript
  19. Plain Javascript as Angular 2 service
  20. useMemo vs. useEffect + useState
  21. Can you create nested classes in TypeScript?
  22. Error: Cannot invoke an expression whose type lacks a call signature
  23. TypeScript “Compile on save” feature not working in Visual Studio 2015
  24. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization
  25. angular 2 access ng-content within component
  26. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  27. How to import ipcRenderer in vue.js ? __dirname is not defined
  28. How to implement a Typescript interface to an es5-style “class”?
  29. TypeError: Cannot read properties of undefined (reading ‘call’) on Next.js
  30. how can I get a unique device ID in javascript?

Leave a Comment