Create a global variable in TypeScript

by

globalThis is the future.

First, TypeScript files have two kinds of scopes

global scope

If your file hasn’t any import or export line, this file would be executed in global scope that all declaration in it are visible outside this file.

So we would create global variables like this:

// xx.d.ts
declare var age: number

// or 
// xx.ts
// with or without declare keyword
var age: number

// other.ts
globalThis.age = 18 // no error

All magic come from var. Replace var with let or const won’t work.

module scope

If your file has any import or export line, this file would be executed within its own scope that we need to extend global by declaration-merging.

// xx[.d].ts
declare global {
  var age: number;
}

// other.ts
globalThis.age = 18 // no error

You can see more about module in official docs

More Related Contents:

  1. How to define Typescript type as a dictionary of strings but with one numeric “id” property
  2. Expression ___ has changed after it was checked
  3. Could not find a declaration file for module ‘module-name’. ‘/path/to/module-name.js’ implicitly has an ‘any’ type
  4. How to suppress “error TS2533: Object is possibly ‘null’ or ‘undefined'”?
  5. Why does A | B allow a combination of both, and how can I prevent it?
  6. How do I actually deploy an Angular 2 + Typescript + systemjs app?
  7. How to use moment.js library in angular 2 typescript app?
  8. Chaining RxJS Observables from http data in Angular2 with TypeScript
  9. How can I declare a global variable in Angular 2 / Typescript? [closed]
  10. Safe navigation operator (?.) or (!.) and null property paths
  11. How to test if two types are exactly the same
  12. Angular2 – Http POST request parameters
  13. How do I check that a switch block is exhaustive in TypeScript?
  14. How to ‘map’ a Tuple to another Tuple type in Typescript 3.0
  15. Angular 2 2.0.0-rc.1 Property ‘map’ does not exist on type ‘Observable’ not the same as issue report
  16. What is target in tsconfig.json for?
  17. ES7 Object.entries() in TypeScript not working
  18. Extend (Update) third-party old type declaration interface with new one
  19. Why do subtypes need to be assigned to a variable before being used as a function argument?
  20. Typescript narrowing of keys in objects when passed to function
  21. What do square brackets mean where a field should be in typescript?
  22. Typescript type T or function () => T usage
  23. Flatten object with custom keys in Typescript
  24. TypeScript empty object for a typed variable
  25. Typescript: change function type so that it returns new value
  26. What does a TypeScript index signature actually mean?
  27. Why does a Typescript type conditional on `T extends undefined`, with T instantiated with `boolean`, resolve T to `never`?
  28. What exactly $event object do in Angular 2?
  29. new Typescript “satisfies” operator
  30. Narrowing a return type from a generic, discriminated union in TypeScript

Leave a Comment