Define global function in module

Question

I can define a global function in a non-module file:

foo.ts:

function foo() {}

I can call that function from a file bar.ts without importing foo.ts:

bar.ts:

foo(); // call global function foo

However, as soon as I import another module into foo.ts, foo.ts is turned into a module and the global definition disappears. Resulting in an error in bar.ts when trying to call foo.

How can I define a global function in a module that is global across the entire project without importing it.

EDIT:

I know about the declare global syntax, but in that case I would need to write every function signature twice: Once to declare it globally and once to bind it to globalThis. I am looking for something with less boilerplate.

I saw that “declare global” trick, but you have to write the signature twice. — user3612643
– user3612643, Commented Aug 29, 2020 at 22:16

user3612643 · Accepted Answer · 2020-09-03 09:32:09Z

0

It looks like declare global is really required in such a case. The only (verbose) solution I found is:

declare global {
  function foo(): void;
}

globalThis.foo = () => {};

answered Sep 3, 2020 at 9:32

user3612643

6,0407 gold badges39 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Define global function in module

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related