【TypeScript教程】# 10:继承简介

简介: 【TypeScript教程】# 10:继承简介

说明

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



继承


使用继承后,子类将会拥有父类所有的方法和属性。


通过继承可以将多个类中共有的代码写在一个父类中,这样只需要写一次即可让所有的子类都同时拥有父类中的属性和方法。


如果希望在子类中添加一些父类中没有的属性或方法直接加就行。


如果在子类中添加了和父类相同的方法,则子类方法会覆盖掉父类的方法,这种子类覆盖掉父类方法的形式,我们称为方法重写。



例子

(function() {
    // 父类
    class Animal {
        name: string;
        age: number
        constructor(name: string, age: number) {
            this.name = name;
            this.age = age;
        }
        sayHello() {
            console.log("动物叫~");
        }
    }
    // 使Dog类继承Animal类
    class Dog extends Animal{
        run() {
            console.log(`${this.name}在跑`);
        }
        sayHello() {
            console.log(`${this.name}汪汪汪`);
        }
    }
    // 使Cat类继承Animal类
    class Cat extends Animal{
    }
    const dog = new Dog("小黄", 2);
    const cat = new Cat("小橘", 1);
    console.log(dog);
    dog.sayHello();
    dog.run();
    console.log(cat);
    cat.sayHello();
})()


9f27710a9d8243d7be36f856b1ffa1f1.png


目录
相关文章
|
1天前
|
JavaScript
​​​​Typescript 接口 和继承 数组处理
ts的基础数据类型,可用来处理一般数据,但是碰到后台传入的复杂对象数组的时候,我们可以使用ts中的接口来定义处理
32 0
|
1天前
|
JavaScript 前端开发 Java
TypeScript 类 第一章【类,继承,修饰符】
TypeScript 类 第一章【类,继承,修饰符】
39 1
|
7月前
|
JavaScript 前端开发
TypeScript 教程
TypeScript 教程
39 0
|
1天前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
69 0
|
7月前
|
JavaScript 前端开发
带你读《现代TypeScript高级教程》二、类型(1)
带你读《现代TypeScript高级教程》二、类型(1)
|
7月前
|
JavaScript 前端开发 索引
带你读《现代TypeScript高级教程》四、接口和类(1)
带你读《现代TypeScript高级教程》四、接口和类(1)
|
7月前
|
JavaScript 前端开发
开心档之TypeScript 教程
开心档之TypeScript 教程
30 0
|
1天前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
75 0
|
1天前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
22 0
|
1天前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)(下)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
30 0
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)(下)