TypeScript 解决指南：处理 “number | undefined” 类型分配至 “number” 类型错误

🧙‍♂️ 诸位好，吾乃诸葛妙计，编程界之翘楚，代码之大师。算法如流水，逻辑如棋局。

📜 吾之笔记，内含诸般技术之秘诀。吾欲以此笔记，传授编程之道，助汝解技术难题。

📄 吾之文章，不以繁复之言，惑汝耳目；但以浅显之语，引汝入胜。

🚀 若此文对阁下有所裨益，敬请👍🏻-点赞 ⭐ - 收藏 👀 - 关注，不胜感激。

 在TypeScript中，当你遇到这样的错误信息时，意味着你的代码试图将一个可能是undefined的值分配给一个只能接受number类型的变量或参数。这通常发生在你没有正确地处理可选值或者未初始化的变量。

例如，假设你有以下代码：

let myNumber: number;
let myOptionalNumber: number | undefined;

myOptionalNumber = Math.random() > 0.5 ? 42 : undefined;
myNumber = myOptionalNumber; // 错误：不能将类型“number | undefined”分配给类型“number”。

为了解决这个问题，你需要确保在分配之前myOptionalNumber不是undefined。你可以通过几种方式来处理这个问题：

1.使用类型断言来告诉TypeScript你确定这个值不会是undefined：

myNumber = myOptionalNumber as number;

2. 使用条件语句检查undefined：

if (myOptionalNumber !== undefined) {
    myNumber = myOptionalNumber;
} else {
    // 处理undefined的情况，比如给myNumber赋一个默认值
    myNumber = 0;
}

3. 使用非空断言操作符（!），如果你确定变量在使用前已经被赋值：

myNumber = myOptionalNumber!;

4. 使用逻辑或操作符提供一个默认值：

myNumber = myOptionalNumber || 0;

5. 如果你使用的是函数参数，你可以在参数中提供一个默认值：

function myFunction(myParam: number = 0) {
    // ...
}

myFunction(myOptionalNumber || 0);

请注意，类型断言（方法1）和非空断言操作符（方法3）应该谨慎使用，因为它们会绕过类型检查。如果你错误地使用了它们，可能会导致运行时错误。通常最好是显式地检查undefined并处理它（方法2和方法4），或者在设计函数和变量时就考虑到可选性和默认值（方法5）。

👑 阁下若觉此文有益，恳请施以👍🏻-点赞 ⭐ - 收藏 👀 - 关注之礼，以资鼓励。倘若有疑问或建言，亦请在评论区💬评论 赐教，吾将感激不尽。