Typescript global window data

I often have to get some data from the global window object. And doing so in typescript will end up with a warning saying that I’m trying to access an unresolved variable.

To solve this, we can define the structure of the top-level entry file.


declare global {
    interface Window {
        //... window data definitions here ...
    }
}

Example:

Here is an example that may help you understand how this may look in your project.


declare global {
    interface Window {
        something: string[],
        myData: {
            uri: string,
            dir: string,
            user: {
                name: string,
                age: number,
            },
        },
        somethingElse: SomeDataTypeDefinition
    }
}
Member since January 2, 2019

Fullstack Web Developer with more than 12 years of experience in web development. Adept in all stages of advanced web development. Knowledgeable in the user interface, backend, testing, and debugging processes. Bringing forth expertise in design, installation, testing, and maintenance of web systems. Working exclusively and professionally with WordPress since 2010.

Comments

    Your email address will not be published.