In JavaScript I can just do this:
something = 'testing';
And then in another file:
if (something === 'testing')
and it will have something be defined (as long as they were called in the correct order).
I can't seem to figure out how to do that in TypeScript.
This is what I have tried.
In a .d.ts file:
interface Window { something: string; }
Then in my main.ts file:
window.something = 'testing';
then in another file:
if (window.something === 'testing')
And this works. But I want to be able to lose the window. part of it and just have my something be global. Is there a way to do that in TypeScript?
(In case someone is interested, I am really trying to setup my logging for my application. I want to be able to call log.Debug from any file without having to import and create objects.)
16 Answers
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. Replacevarwithletorconstwon't work.
