TypeScript = 类

TypeScript笔记

5. TypeScript => 类

// 1. ts如何定义类
/*
class Person {name:string;constructor(name:string){this.name = name;}getName():string{return this.name;}setName(name:string):void {this.name = name;}
}
*/
// let per = new Person('李丹');
// console.log(per.getName());
// per.setName('王莉');
// console.log(per.getName());// 2. 类里面的修饰符 ts 定义属性时 提供了三种修饰符
/* pulic       :公有类型   => 在类里面、子类里面、类外面都可以访问 protected   :保护类型   => 在类里面、子类里面可以访问、 类外面不可以访问 private     :私有类型   => 在类里面可以访问、 子类里面和类外面不可以访问
*/
/*
class Person {public name:string;protected job:string;private age:number = 20;constructor(name:string,job:string){this.name = name;this.job = job;}getName():string{return this.name;}setName(name:string):void {this.name = name;}
}class Child extends Person{constructor(name:string,job:string){super(name,job)console.log(this.job)// console.log(this.age)}
}
let c = new Child('丽丽','web');
*/// 3. 静态方法
/*
class Person {static job:string ='web';name:string;constructor(name: string  = 'lili') {this.name = name;}//静态方法 无法直接访问类里面的属性 只能访问static 关键字的属性static getName(): string {return this.job;}//实例方法getName():string{return this.name;}setName(name:string):void{this.name = name;}
}
*/// 4. ts中如何继承类  继承  extends spuer 同es6
/*
class Person {name:string;constructor(name:string){this.name = name;}getName():string{return this.name;}setName(name:string):void {this.name = name;}
}class Child extends Person{constructor(name:string){super(name)}
}
let c = new Child('丽丽')
console.log(c.getName())
c.setName('王朝马汉')
console.log(c.getName())
*/// 5.多态
/*
class Animal {protected name: string;protected food: string;constructor(name: string, food: string) {this.name = name;this.food = food;}eat(): string {console.log(`${this.name}调eat方法`)return this.name}
}
class Dog extends Animal {constructor(name: string, food: string) {super(name, food);}// eat(){//     console.log(this.food);//     return this.name+'吃肉';// }
}
class Cat extends Animal {constructor(name: string, food: string) {super(name, food);this.food = food;}eat(): string {console.log(this.food);return this.name + '吃鱼';}
}
let dog = new Dog('山治', '肉')
let cat = new Cat('汤姆', '鱼')
console.log(dog.eat())
console.log(cat.eat())
*/// 6. 抽象类
// typescript 中的抽象类：提供给其他类继承的基类, 不能被实例化。
// 使用 abstract 关键字定义抽象类 和 抽象方法，抽象类中的抽象方法 不包含具体实现 并且 必须在派生类(子类)中实现。
//      abstract 抽象方法只能放在抽象类中 它的子类必须包含抽象方法
/*
abstract class Model {public name:string;constructor(name:string){this.name = name;}//定义抽象方法 不包含具体实现 abstract eat():any;
}
class Dog extends Model {constructor(name:string){super(name);}//子类 必须存在抽象类中的抽象方法 必须在派生类(子类)中实现。eat(){console.log(`${this.name} is eat` )}
}
let dog = new Dog('dog');
dog.eat();
*/

TypeScript = 类相关推荐

.NET手撸绘制TypeScript类图——下篇
.NET手撸绘制TypeScript类图--下篇在上篇的文章中,我们介绍了如何使用 .NET解析 TypeScript,这篇将介绍如何使用代码将类图渲染出来. 类型定义渲染不出意外,我们继续使用 ...
.NET手撸绘制TypeScript类图——上篇
.NET手撸绘制TypeScript类图--上篇近年来随着交互界面的精细化, TypeScript越来越流行,前端的设计也越来复杂,而类图正是用简单的箭头和方块,反映对象与对象之间关系/依赖的好方 ...
typescript get方法_.NET手撸绘制TypeScript类图——上篇
.NET手撸绘制TypeScript类图--上篇近年来随着交互界面的精细化,TypeScript越来越流行,前端的设计也越来复杂,而类图正是用简单的箭头和方块,反映对象与对象之间关系/依赖的好方式. ...
TypeScript 类(Class)
TypeScript 类(Class) 自 ES6 起,终于迎来了 class,对于开发者来说,终于可以使用基于类的面向对象式编程.TypeScript 在原 ES6 中类的基础上,还添加了一些新的功 ...
三分钟快速了解typeScript 类
typeScript 类类描述了所创建的对象共同的属性和方法. 类的定义继承类里面的修饰符静态属性静态方法抽象类继承多态类的定义 class person {name:string; ...
Typescript类，泛型，各种类型工具
一.TypeScript 类一个类可以包含以下几个模块: 1.属性 1.1 类属性 1.2 实例属性 2.构造函数(在python中叫初始化函数) 该函数在类实例化时会被立即调用 3.方法(也是函数 ...
05 TypeScript 类的使用
目录 1.1 类的基本使用 1.2 类的继承 1.3 static和instanceof 1.4类中的修饰符 1.5 getter与setter 1.6 抽象类 1.7 implements子句 1. ...
TypeScript类
目录 1-1.类的基本使用 1-2.类的继承 1-3.static与instanceof 1-4.类中的修饰符 1-5.getter与setter 1-6.抽象类 1-7.implements子句 1 ...
TypeScript 接口和TypeScript类
目录一.TypeScript 接口 1.TypeScript 接口的定义和简单使用 2.联合类型和接口 3.接口和数组 4.接口继承二.TypeScript 类 1.TypeScript 类的定义 ...

TypeScript = 类

TypeScript笔记

5. TypeScript => 类

TypeScript = 类相关推荐

最新文章

热门文章