如何在TypeScript中声明变量为非undefined？解决find返回类型错误

问题原因 #

Array.find() 方法在数组中找不到匹配元素时会返回 undefined，但你的函数声明返回类型是 Personne，两者类型不兼容，因此触发TypeScript类型错误。

可行方案 #

1. 类型断言（适用于确定id一定存在的场景） #

通过 as Personne 强制告诉TypeScript找到的结果一定是 Personne 类型，但要注意：如果实际运行时找不到对应id，会导致运行时错误，仅适合你能保证传入id必然存在的情况。

getPersonneById(id: number): Personne{
    const personne = this.personnes.find(personne => personne.id == id) as Personne;
    return personne;
}

2. 修改返回类型为 Personne | undefined #

这是最符合TypeScript类型安全理念的做法，如实反映函数的实际返回值，让调用方自行处理可能的 undefined 情况。

getPersonneById(id: number): Personne | undefined{
    return this.personnes.find(personne => personne.id == id);
}

3. 抛出错误（适用于找不到id属于异常场景） #

如果找不到对应id的 Personne 是业务上的异常情况，可以抛出错误，这样函数既能保证返回 Personne 类型，也能处理异常场景。

getPersonneById(id: number): Personne{
    const personne = this.personnes.find(personne => personne.id == id);
    if (!personne) {
        throw new Error(`找不到id为${id}的Personne`);
    }
    return personne;
}

4. 非空断言操作符（!） #

和类型断言类似，用 ! 后缀告诉TypeScript该值不会是 undefined，同样需要确保运行时不会出现找不到的情况，否则会报错。

getPersonneById(id: number): Personne{
    const personne = this.personnes.find(personne => personne.id == id)!;
    return personne;
}

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