第六课 interface接口基础1

在TypeScript中，`interface`接口是一个非常重要的概念，它为JavaScript对象提供了结构化和规范化的定义。在第六课“interface接口基础1”中，我们将深入理解接口的基础知识及其用法。 接口（Interface）的基本作用是定义对象的形状，它描述了一个对象应该具有的属性和方法，但不提供具体实现。这就好比我们设计一个蓝图，规定了对象应有的结构，而不关心它是如何建造的。这种类型的检查被称为“鸭子类型检查”（Duck Typing），因为如果一个对象具有与接口定义相匹配的属性和方法，那么它就符合这个接口的要求，就像鸭子一样，具备了鸭子的特征，就可以被认为是鸭子。 例如，我们可以定义一个`IBook`接口： ```typescript interface IBook { title: string; num: number; } ``` 然后创建一个`book`变量，类型为`IBook`： ```typescript let book: IBook = { title: '星星课堂', num: 100 }; ``` 这样，我们就确保了`book`对象必须包含`title`和`num`两个属性，且它们的数据类型分别对应`string`和`number`。 接口中的属性顺序在TypeScript中并不重要，只要对象具有接口所要求的属性，并且类型正确，那么这个对象就是符合接口的。 接下来，我们讨论接口中的可选属性。通过在属性名前加上`?`，我们可以声明一个属性为可选： ```typescript interface IBook { name: string; num?: number; } let book: IBook = { name: '星星课堂' }; ``` 在这里，`num`属性是可选的，所以创建`book`对象时可以不提供`num`。可选属性有两个主要好处：一是可以提前为可能存在的属性定义接口，二是能够捕捉尝试访问不存在属性时的错误。 此外，接口还支持只读属性，用`readonly`关键字标识。只读属性一旦在对象创建时赋值，就不能再更改。例如： ```typescript interface IBook { readonly bookId: number; title: string; num?: number; } let book: IBook = { bookId: 100, title: '星星课堂' }; book.bookId = 101; // 这将产生错误，因为bookId是只读的 ``` 通过使用`readonly`，我们可以确保某些属性如ID在对象创建后不会被意外修改。 `interface`接口是TypeScript中用于类型检查和代码规范的关键工具。它使得代码更加可预测和安全，特别是在大型项目中，有助于减少错误并提高代码的可维护性。通过接口，我们可以定义复杂的对象结构，包括可选和只读属性，从而实现更精细的类型控制。