typescript 接口

Question

interface Label {
  label: string;
}

function handleLabel(labelObj: Label) {
  console.log(labelObj.label)
}

let labelObj = { label: 'hello', size: 100 }
handleLabel(labelObj)

当用接口限制一个函数参数的时候，传入的对象参数实际上会包含很多属性，但是编译器只会检查那些必需的属性是否存在，并且其类型是否匹配。可以多但是不能少。但是如果函数里面使用了不存在的属性也会报错，只有使用就必须声明类型。

interface Label {
  label: string;
}

function handleLabel(labelObj: Label) {
  console.log(labelObj.size) // Error
}

let labelObj = { label: 'hello', size: 100 }
handleLabel(labelObj)

使用了就必须定义类型。

interface Label {
  label: string;
  size: number; // 定义好类型
}

function handleLabel(labelObj: Label) {
  console.log(labelObj.size)
}

let labelObj = { label: 'hello', size: 100 }
handleLabel(labelObj)

对象也是这个道理

interface Label {
  label: string;
}

let labelObj:Label = { label: 'hello', size: 100 } // Error

当用接口限制一个对象的时候，属性是不能多不能少（可选属性，和属性签名除外），对象属性一旦定义，就必须声明类型。