【TypeScript教程】# 13:接口

简介: 【TypeScript教程】# 13:接口

说明

尚硅谷TypeScript教程(李立超老师TS新课)学习笔记。



接口

接口用来定义一个类结构,用来定义一个类中应该包含哪些属性和方法,同时接口也可以当成类型声明去使用,接口可以在定义类的时候去限制类的结构


  • 接口中的所有的属性都不能有实际的值
  • 接口只定义对象的结构,而不考虑实际值
  • 在接口中所有的方法都是抽象方法



定义类时,可以使类去实现一个接口,实现接口就是使类满足接口的要求

(function() {
    interface myInterface {
        name: string,
        age: number
    }
    interface myInterface {
        gender: string
    }
    const obj:myInterface = {
        name: "kaimo",
        age: 313,
        gender: "男"
    }
    interface myInterface2 {
        name: string;
        sayHello():void;
    }
    class MyClass implements myInterface2{
        name: string;
        constructor(name: string) {
            this.name = name;
        }
        sayHello() {
            console.log("kaimo");
        }
    }
})()
目录
相关文章
|
11天前
|
JavaScript 编译器
TypeScript 接口
TypeScript 接口
|
13天前
|
JavaScript 前端开发
37.【TypeScript 教程】TSLint 与 ESLint
37.【TypeScript 教程】TSLint 与 ESLint
11 0
|
13天前
|
JavaScript 编译器 IDE
36.【TypeScript 教程】tsconfig.json 配置
36.【TypeScript 教程】tsconfig.json 配置
10 0
|
13天前
|
JavaScript 编译器
35.【TypeScript 教程】编译选项
35.【TypeScript 教程】编译选项
11 2
|
13天前
|
JavaScript 前端开发 编译器
34.【TypeScript 教程】声明合并
34.【TypeScript 教程】声明合并
14 0
|
13天前
|
JavaScript 编译器
33.【TypeScript 教程】命名空间
33.【TypeScript 教程】命名空间
17 2
|
13天前
|
JavaScript 编译器 开发者
32.【TypeScript 教程】模块
32.【TypeScript 教程】模块
10 0
|
13天前
|
JavaScript 编译器
31.【TypeScript 教程】混入(Mixins)
31.【TypeScript 教程】混入(Mixins)
15 3
|
13天前
|
JavaScript Java API
30.【TypeScript 教程】Reflect Metadata
30.【TypeScript 教程】Reflect Metadata
12 4
|
13天前
|
JavaScript 监控 编译器
29.【TypeScript 教程】装饰器(Decorator)
29.【TypeScript 教程】装饰器(Decorator)
9 0