笔记本

什么是接口?

简单的说接口就是规定一些事, 在后台中接口指的是双方规定的api 在TS中接口一般指变量拥有什么东西。

接口有什么作用?

举个例子说明

interface LabelledValue {
  label: string;
}

function printLabel(labelledObj: LabelledValue) {
  console.log(labelledObj.label);
}

let myObj = {size: 10, label: "Size 10 Object"};
printLabel(myObj);

从上面的代码我们不难看出, 在Ts中接口可以做属性类型的规定

接口的属性

可选属性 

// 可选属性的名字后面 + ?
interface config {
  color?: string;
  width?: number;
}

只读属性

一些对象属性只能在对象刚刚创建的时候修改其值。 你可以在属性名前用 readonly来指定只读属性:

// 只读属性的前面 + readonly
interface Point {
    readonly x: number;
    readonly y: number;
}

在ts 中 我们使用interface 创建一个接口