在 TypeScript 中，你可以通过特定的语法来定义可选属性和只读属性。这些特性使得类型定义更加灵活和安全。以下是它们的定义和使用方法：
可选属性（Optional Properties）
可选属性允许你在定义对象类型时，指定某些属性是可选的，即这些属性可以存在也可以不存在。使用 ? 符号来标记可选属性。
语法
interface InterfaceName {
requiredProperty: Type;
optionalProperty?: Type;
}
示例
以下是一个包含可选属性的接口示例：
interface Person {
name: string;
age?: number; // age 是可选的
}
const person1: Person = {
name: "Alice"
};
const person2: Person = {
name: "Bob",
age: 25
};
在这个例子中，age 属性是可选的，因此在创建 Person 类型的对象时，可以选择是否提供 age 属性。
只读属性（Readonly Properties）
只读属性允许你在定义对象类型时，指定某些属性是只读的，即这些属性只能在对象创建时赋值，之后不能修改。使用 readonly 关键字来标记只读属性。
语法
interface InterfaceName {
readonly readOnlyProperty: Type;
mutableProperty: Type;
}
示例
以下是一个包含只读属性的接口示例：
interface Circle {
readonly radius: number;
color: string;
}
const circle: Circle = {
radius: 5,
color: "red"
};
console.log(circle.radius); // 输出: 5
circle.color = "blue"; // OK
circle.radius = 10; // Error: Cannot assign to 'radius' because it is a read-only property.
在这个例子中，radius 属性是只读的，因此在创建 Circle 类型的对象后，不能修改 radius 属性的值。
结合可选属性和只读属性
你可以同时使用可选属性和只读属性来定义更复杂的对象类型。
示例
以下是一个同时包含可选属性和只读属性的接口示例：
interface User {
readonly id: number;
username: string;
email?: string; // email 是可选的
}
const user1: User = {
id: 1,
username: "alice123"
};
const user2: User = {
id: 2,
username: "bob456",
email: "bob@example.com"
};
user1.username = "alice456"; // OK
user1.id = 3; // Error: Cannot assign to 'id' because it is a read-only property.
在这个例子中，id 属性是只读的，email 属性是可选的。
使用场景
- 可选属性：当你需要定义一些可能不存在的属性时，使用可选属性。例如，用户配置文件中的可选字段。
- 只读属性：当你需要确保某些属性在对象创建后不会被修改时，使用只读属性。例如，对象的唯一标识符（ID）。
总结
可选属性和只读属性是 TypeScript 中用于定义对象类型的两个重要特性。可选属性通过 ? 符号标记，允许属性在对象中存在或不存在。只读属性通过 readonly 关键字标记，确保属性在对象创建后不能被修改。理解它们的使用场景和语法，可以帮助你编写出更灵活、更安全的代码。
