How to define Singleton in TypeScript

by

Since TS 2.0, we have the ability to define visibility modifiers on constructors, so now we can do singletons in TypeScript just like we are used to from other languages.

Example given:

class MyClass
{
    private static _instance: MyClass;

    private constructor()
    {
        //...
    }

    public static get Instance()
    {
        // Do you need arguments? Make it a regular static method instead.
        return this._instance || (this._instance = new this());
    }
}

const myClassInstance = MyClass.Instance;

Thank you @Drenai for pointing out that if you write code using the raw compiled javascript you will not have protection against multiple instantiation, as the constraints of TS disappears and the constructor won’t be hidden.

More Related Contents:

  1. Singleton with properties in Swift 3
  2. Can you create nested classes in TypeScript?
  3. Error: Cannot invoke an expression whose type lacks a call signature
  4. How to assign the correct typing to React.cloneElement when giving properties to children?
  5. Extending vs. implementing a pure abstract class in TypeScript
  6. How to run the Dist Folder on Local Machine in Angular 6+?
  7. How to import all modules from a directory in TypeScript?
  8. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization
  9. Getting the enum key with the value string (reverse mapping) in TypeScript
  10. Embed TypeScript code in an HTML document
  11. What means “ambient” in TypeScript
  12. Angular2: use [(ngModel)] with [ngModelOptions]=”{standalone: true}” to link to a reference to model’s property
  13. How to manually set focus on mat-form-field in Angular 6
  14. What is the difference between fakeAsync and async in Angular testing?
  15. How to use angular 2 service with Ionic 2?
  16. Angular2 HTTP GET – Cast response into full object
  17. Typescript says array.pop() might return undefined even when array is guaranteed to contain elements
  18. Do I need to `complete()` takeUntil Subject inside ngOnDestroy?
  19. intellisense and code complete for DefinitelyTyped (TypeScript type definitions) on WebStorm IDE
  20. TypeScript keyof index type is too wide
  21. TypeError: Cannot read properties of undefined (reading ‘call’) on Next.js
  22. How to implement behavior subject using service in Angular 8
  23. Preserve Type when using Object.entries
  24. typescript generic type with equal operator means?
  25. Accept any object as argument in function
  26. How to assert a type of an HTMLElement in TypeScript?
  27. Why does TypeScript infer the ‘never’ type when reducing an Array with concat?
  28. Transforming TypeScript into JavaScript
  29. TypeScript tsconfig settings for Node.js 10?
  30. Typescript assert-like type guard

Leave a Comment