interface 接口

内容目录

interface 接口

接口(Interfaces)是 TypeScript 的一个重要概念,它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implement)。

//定义一个对象应当长成什么样子
interface Person {
  //属性
  readonly id: number;
  name: string;
  age: number;
  sex?: string; //可选属性
}

let sw: Person = {
  id: 1234,
  name: "sw",
  age: 21,
};

上面的代码中,我们定义了一个接口在这个接口中有一个只读元素 id,用于表明其只读性质的关键字是 readonly,这样的话,我们就不能再给 id 赋值了。

readonlyconst 的区别在于,const 用于修饰变量,而 readonly 用于修饰元素。

sex?: string; 这种表达方式表示性别是一个可选元素。

抽象地来说 interface 定义了一个对象应当包含哪些元素。

相关笔记

css三大特性

css 继承 css 继承是指子元素会继承父元素的样式。 Info 父元素的有关的文字属性会被继承,而非文字属性则不会被继承。 例如,父元素的字体颜色、字体大小、行高等属性会被子元素继承,而父元素的背景颜色、边框样式等属性则不会被子元素继承。

阅读全文

css显示与定位

css 显示模式 css 块级元素会独占一行,比如 div、p、h1 等等。 css 行内元素不会独占一行,比如 span、a、strong 等等。 css 行内块级元素不会独占一行,但是可以设置宽高,比如 img、input 等等。

阅读全文

补充

类型别名 类型别名用来给一个类型起个新名字。

阅读全文