TypeScript面向对象 01

golemon.

于 2024-10-05 11:15:40 发布

阅读量296

点赞数 6

分类专栏： TypeScript 文章标签： typescript javascript 开发语言

本文链接：https://blog.csdn.net/qq_63432403/article/details/142712451

版权

TypeScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

使用class关键字来定义一个类。对象中主要包含了两个部分：属性和方法。

class Person {
    // 定义实例属性
    name:string = 'glm';
    age:number = 1234;
}
const a = new Person();
console.log(a.name);

在这里插入图片描述

在属性前使用static关键字可以定义类属性（静态属性）

class Person {
    // 定义实例属性
    name:string = 'glm';
    age:number = 1234;
    static school:string = "whatu";
}
const a = new Person();
console.log(a.name);
console.log(Person.school);

在这里插入图片描述

class Person {
    // 定义实例属性
    name:string = 'glm';
    age:number = 1234;
    static school:string = "whatu";
    say_fn1() {
        console.log("fn -- say_fn1");
    }
    static say_fn2() {
        console.log("fn -- say_fn2");
    }
}
const a = new Person();
console.log(a.name);
console.log(Person.school);
a.say_fn1();
Person.say_fn2();

在这里插入图片描述

构造函数

constructor被称为构造函数。构造函数会在对象创建时被调用。在实例方法中，this就表示当前的实例。在构造函数中当前对象就是当前新建的那个对象。可以通过this向新建的对象中添加属性。

class Person {
    name:string;
    age:number;
    constructor(name:string, age:number) {
        this.name = name;
        this.age = age;
    }
}
const a = new Person('yh', 321);
console.log(a.name, a.age);

在这里插入图片描述

继承

使用继承后，子类会拥有父类所有的方法和属性。通过继承可以将多个类中共有的代码写在一个父类中。

如果希望在子类中添加一些父类中没有的属性或方法直接加在子类中即可。
如果在子类中添加了和父类相同的方法，则子类方法会覆盖掉父类原方法（重写）

class Person {
    name:string;
    age:number;
    constructor(name:string, age:number) {
        this.name = name;
        this.age = age;
    }
}
class Student extends Person {
    info() {
        console.log("学生：" + this.name);
    }
}
const stu = new Student('glm', 14);
stu.info();

在这里插入图片描述

super

子类通过 super 关键字调用父类的构造函数和方法。super 关键字在子类的构造函数中用于调用父类的构造函数，在方法中用于调用父类的方法。

class Person {
    name:string;
    age:number;
    constructor(name:string, age:number) {
        this.name = name;
        this.age = age;
    }
    say() {
        console.log("this is Father_Class");
    }
}
class Student extends Person {
    uid:string;
    constructor(name:string, age:number, uid:string) {
        super(name, age);
        this.uid = uid;
    }
    info() {
        console.log("学生：" + this.name);
    }
    say() {
        super.say();
        console.log("this is Child_Class");

    }
}
const stu = new Student('glm', 14, "2345");
stu.say();

在这里插入图片描述

https://blog.csdn.net/qq_45590504/article/details/142503245?ops_request_misc=%257B%2522request%255Fid%2522%253A%25223ADDA7B1-A0FD-41B7-BFA8-21C3B9193504%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=3ADDA7B1-A0FD-41B7-BFA8-21C3B9193504&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduend~default-1-142503245-null-null.142^v100pc_search_result_base1&utm_term=typescript%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1&spm=1018.2226.3001.4187