TypeScript的学习历程4

typescript：接口

function printLabel(labelledObj: { label: string }) { // labelledObj接口名 ：{接口里面的值：类型}

console.log(labelledObj.label);
}

let myObj = { size: 10, label: "Size 10 Object" }; //接口
printLabel(myObj); // 使用接口

使用另一种方法编写接口

interface Lablesss{

lable: string;

}

function printLales(lableObj: Lablesss){

console.log(lableObj.lable);

}

let myObj = { size: 10, lable: "Size 10 object" };

printLales(myObj);

接口的可选属性

interface SquareConfig {

  color?: string;

  width?: number;

}

function createSquare(config: SquareConfig): {color: string; area: number} {

  let newSquare = {color: "white", area: 100};

  if (config.color) {

    newSquare.color = config.color;

  }

  if (config.width) {

    newSquare.area = config.width * config.width;

  }

  return newSquare;

}

let mySquare = createSquare({color: "black"});

只读属性

可以在属性名前用 readonly来指定只读属性:

interface Point {

    readonly x: number;

    readonly y: number;

}
构造一个Point。 赋值后， x和y再也不能被改变了。

let p1: Point = { x: 10, y: 20 };

p1.x = 5;  // 错误，x的值不能改变了