TypeScript接口

作者: 生命里那束光 | 来源:发表于2022-03-21 09:24 被阅读0次

接口(Interface) [只限TypeScript,编译以后在Javascript中看不到]

接口的作用类似于抽象类,定义了一个规范。

不同点

  1. 抽象类可以有抽象方法,也可以有普通方法。接口中的所有方法和属性都是没有实值的,换句话说接口中的所有方法都是抽象方法。
  2. 抽象类用的继承,接口用的实现
  • 接口主要作用定义一个类的结构,用来定义一个类中应该包含哪些属性和方法,同时接口也可以当成类型声明去使用
  • 定义类时,可以使一个类去实现接口
    • 实现接口就是使类满足接口的要求
    • 实现接口时类中要保护接口中的所有属性;

示例(实现):

interface Person{
   name: string;
   sayHello():void;
}

class Student implements Person{
   constructor(public name: string) {
   }

   sayHello() {
       console.log('大家好,我是'+this.name);
   }
}
  • 接口(Interface)可以重复声明,type不可以(重复声明会报错)
  • 接口可以去限制一个对象的结构:对象只有包含接口中定义的所有属性和方法时才能匹配接口;
//接口可以重复声明
interface myInterface {
   name: string
   age: number
}
interface myInterface {
  gender: string
}
//实际含义是 创建了一个myInterface接口 里面有三个属性 
//使用时,必须写齐属性
const obj: myInterface = {
   name: '111'
   age: 18
   gender: '男'
}

声明:本文内容引自bilibili “尚硅谷TypeScript教程”
个人学习归纳总结 ,欢迎畅谈。

相关文章

  • TypeScript 中的接口(interface)

    TypeScript 中的接口可分为: 之前的文章 TypeScript 基础类型和接口(interface)里面...

  • 学习TypeScript 接口

    TypeScript 接口定义 interface interface_name {} 实例 联合类型和接口 接口...

  • TypeScript学习笔记之四接口(Inferfaces)

    一、使用环境 Mac 电脑 WebStorm TypeScript3.x版本 二、接口 在 TypeScript ...

  • TypeScript - 接口

    TypeScript - 接口( Interface) [TOC] 学习目标 理解接口的概念 学会通过接口标注复杂...

  • TypeScript 接口

    TypeScript接口 接口只读属性 使用关键字readonly定义只读的接口属性 出现错误,如下 创建不可修改...

  • TypeScript接口

    属性类型接口 函数类型接口 定义了函数的参数。包括入参和出参。 可索引类型接口 类类型接口

  • typescript 接口

    日期:2019 年 8 月 29 日 typescript 接口 介绍 TypeScript的核心原则之一是对值所...

  • TypeScript接口

    接口定义 类型检查器不会检查属性的顺序,只要相应的属性存在并且类型匹配即可。 可选属性 定义可选属性只需要在属性后...

  • TypeScript——接口

    TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”...

  • TypeScript -- 接口

    接口可以用来约束对象,函数,以及类的结构和类型,这是一种代码协作的契约 1,对象类型接口interfaceLi...

网友评论

    本文标题:TypeScript接口

    本文链接:https://www.haomeiwen.com/subject/czmzdrtx.html