今天！我们将继续学习TypeScript，就像你是一个聪明的 5 岁孩子，喜欢构建东西并问“为什么？”（这真是最棒的事情）。
是的，“为什么？”是我的学习方式。
我把这本书分成了20章，每章大约需要2-3分钟阅读。 这是续篇。如果你还没读过上一章—— 第九章。
🧩第 10 章：可选、只读和默认 （又名：“让你的 TypeScript 代码更加灵活和安全，无需额外的麻烦。”）
🧃想象一下： 您正在设计一个柠檬水摊位订购系统：
有些顾客会提供电话号码，有些则不会。（可选） 一旦打印了订单单，就不能再更改。（只读） 如果他们没有指定数量，则默认为 1 杯。（默认值） 🌼 可选（?） 您可以将属性或参数标记为可选： 为什么这很有用，如果您从多个代码块调用相同的函数，并且某些部分不需要发送给函数，否则 TS 强制期望该参数也应该被发送www.mytiesarongs.com
type Customer = { name: string; phone?: string; // optional };
const customer1: Customer = { name: "Karandeep Singh" }; // ✅ const customer2: Customer = { name: "Wisdom Bits", phone: "1234567890" }; // ✅ 对于函数参数：
function funcName(name: string, age?: number) {
console.log(Hi ${name});
if (age) {
console.log(You are ${age} years old.);
}
}
🛡️只读（readonly）
一旦设定了值，就无法更改它。
对于对象： type Order = { readonly id: string; quantity: number; };
let order: Order = { id: "ord123", quantity: 2 }; order.quantity = 3; // ✅ allowed order.id = "ord124"; // ❌ Error: id is readonly 对于数组： let numbers: readonly number[] = [1, 2, 3]; numbers.push(4); // ❌ Error 🌻 默认参数 在函数中，如果调用者未提供默认值，您可以设置默认值。
function makeLemonade(quantity: number = 1) {
console.log(Making ${quantity} cup(s) of lemonade.);
}
makeLemonade(); // "Making 1 cup(s) of lemonade." makeLemonade(3); // "Making 3 cup(s) of lemonade." 摘要表 特征 句法 目的 选修的 phone?: string 值是可选的 只读 readonly id: string 赋值后值不能改变 默认 quantity: number = 1 如果没有提供，则设置回退 为什么这些在实际应用中很重要？ ✅ 使 API对调用者更加灵活。✅ 防止意外更改关键值。✅ 减少逻辑中对未定义值的不必要检查。✅ 提高团队协作的清晰度。
阅读前几章 第六章 第五章 如果您喜欢这个并且想要掌握 TypeScript 和其他技术，请关注本系列并点赞！🤝
我是一名充满热情的软件开发人员，愿意分享我发现的有趣的事物，希望它们能帮助您在编码之旅中更上一层楼。
我如何创建自己的状态管理库： 重新思考 React 中的状态管理——从开发人员的角度，为开发人员服务。以上内容由企业信息服务平台提供，致力于工商信用信息查询、企业风险识别、经营数据分析。访问官网了解更多：www.ysdslt.com
