成为 Typescript 达人 - 第 2 天: 征服 Interface 接口和 Readonly 属性

1. Interface 接口：

• 接口是一种类型定义工具，用于定义一个类的属性、方法和特性。
• 接口帮助我们对数据进行类型约束，规范代码的可接受参数类型和返回值类型。
• 可以定义对象类型、函数类型和混合类型接口，并应用于变量、函数参数和返回值类型。

2. 对象类型接口：

• 对象类型接口对象的结构和类型。
• 它包含一组属性，每个属性都有一个类型标注。
• 使用 interface 来声明一个对象类型接口，并用花括号 ({ }) 来定义它的属性和类型。

3. 函数类型接口：

• 函数类型接口函数的输入参数类型和返回值类型。
• 它定义函数的形状，但并不实现函数的具体逻辑。
• 函数类型接口使用 function 关键字来声明，并在圆括号 ( ) 内定义函数的参数类型，并在 => 符号后定义返回值类型。

4. 混合类型接口：

• 混合类型接口既包含对象类型接口，也包含函数类型接口。
• 它允许我们在单个接口中定义多种类型。
• 使用 interface 关键字来声明混合类型接口，并用花括号 ({ }) 来定义它的属性、方法和特性。

5. Readonly 属性：

• Readonly 属性不允许被修改，一旦赋值，便不可更改。
• 使用 readonly 关键字来定义 readonly 属性。
• Readonly 属性适用于那些需要保持不变的数据，例如用户 ID、系统配置等。

6. 鸭子类型：

• 鸭子类型是一种根据对象的属性和方法来判断其类型的方式，而不是根据对象的类或继承关系。
• 如果一个对象具有与接口相同的属性和方法，那么它就可以被认为是该接口的类型。
• 鸭子类型在 Typescript 中非常有用，它允许我们对不同类型的对象进行统一的操作。

7. 类型注释：

• 类型注释是 Typescript 中用来标注变量、函数和属性类型的特殊语法。
• 类型注释帮助我们理解代码的意图，并确保代码的类型安全。
• 类型注释使用冒号 (:) 后接类型名称的方式来书写。

结论：

在今天，我们探索了 Typescript 中的 interface 接口和 readonly 属性。Interface 接口赋予我们类型定义的能力，Readonly 属性确保数据的稳定。了解这些基础知识，你将更好地理解 Typescript 的类型系统，并编写出更优质的代码。明天，我们将继续探索 Typescript 的其他特性，敬请期待！