TS 中的类和 ES6 中的类 几乎 一样
TS 中的类
和 ES6 的区别, 需要先定义实例属性, 才能够使用实例属性
class Person { // 实例属性 name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } // 实例方法 say(): void { console.log(`我的名称叫${this.name}, 我的年龄是${this.age}`); } // 静态属性 static food: string; // 静态方法 static eat(): void { console.log(`我正在吃${this.food}`); } } let p = new Person('BNTang', 18); p.say(); Person.food = '蛋挞'; Person.eat();
TS 中的继承
class Person { // 当前实例的实例属性 name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } // 当前实例的实例方法 say(): void { console.log(`我的名称叫${this.name}, 我的年龄是${this.age}`); } // 当前类的静态属性 static food: string; // 当前类的静态方法 static eat(): void { console.log(`我正在吃${this.food}`); } } let p = new Person('BNTang', 18); p.say(); Person.food = '蛋挞'; Person.eat(); class Student extends Person { // 当前实例的实例属性 book: string; constructor(name: string, age: number, book: string) { super(name, age); this.book = book; } // 当前实例的实例方法 say(): void { console.log(`我是重写之后的say-${this.name}${this.age}${this.book}`); } // 当前类的静态方法 static eat(): void { console.log(`我是重写之后的eat-${this.food}`); } } let stu = new Student('zs', 18, 'BNTang'); stu.say(); Student.food = '冰淇淋'; Student.eat();
最后
本期结束咱们下次再见👋~
🌊 关注我不迷路，如果本篇文章对你有所帮助，或者你有什么疑问，欢迎在评论区留言，我一般看到都会回复的。大家点赞支持一下哟~ 💗
