如何在TypeScript中检查变量是否存在？解决JS写法报错问题

在TypeScript里直接用typeof variableExample === 'undefined'会报错，是因为TS的静态类型检查会严格校验变量是否已声明——未声明的变量会直接触发编译错误，不像JS那样允许运行时再判断。针对你的循环内初始化需求，有几种可行的处理方式：

1. 提前声明变量并指定可选类型 #

先在循环外部（或合适的作用域）声明变量，将其类型设为目标类型结合undefined，之后直接判断是否为undefined即可：

// 假设变量类型为string，根据实际场景替换
let variableExample: string | undefined;

for (let i = 0; i < 10; i++) {
    if (variableExample === undefined) {
        variableExample = '初始值';
        // 执行初始化逻辑
    }
    // 后续使用variableExample
}

2. 处理全局变量场景 #

如果要检查的是全局变量（比如挂载在window上的变量），可以先扩展全局接口让TS识别该变量，再进行判断：

// 先扩展Window接口，告知TS全局存在这个可选变量
interface Window {
    variableExample?: string;
}

if (window.variableExample === undefined) {
    window.variableExample = '全局初始值';
}

如果不想扩展接口，也可以用类型断言临时绕过检查：

if (typeof (window as any).variableExample === 'undefined') {
    (window as any).variableExample = '全局初始值';
}

3. 利用类型缩小简化判断 #

如果变量在某个作用域已声明但可能未赋值，TS会自动识别undefined判断后的类型，无需额外类型断言：

function processLoop() {
    let count: number | undefined;
    for (const item of [1,2,3]) {
        if (!count) {
            count = 0;
        }
        count += item;
    }
}

内容的提问来源于stack exchange，提问作者Josh Silveous