TypeScript 中「类」的基本使用

简介: TypeScript 中「类」的基本使用

1、es 5 中类的定义

function Person(){          //es5中简单的类
    this.name = '张三';     //属性
    this.age = 20;
    this.run = function(){ //实例方法:通过 new 的实例来调用
        alert(`${this.name}快点跑啊!`);
    }
}
Person.prototype.work = function(){    //原型方法:实例会共享这个方法
    alert(`${this.name}加班工作!`);
}
Person.eat = function(){ alert('静态方法'); }    //静态方法
let person = new Person();    //类的实例化
alert(person.name);
person.run();
person.work();
Person.eat();

2、TypeScript 中类的定义

class Person{
    name:string;    //属性    前面省略了 public 关键字
    constructor(name:string){  //构造函数    实例化的时候触发的方法
        this.name = name;
    }
    getName(){ return this.name; }
    setName(name){ this.name = name; }
}
let person = new Person('孙悟空');    //类的实例化
person.getName();

3、es 5 中类的继承

function Animal(){}
function Dog(){
    Animal.call(this);    //将 Animal 中的 this 指向 Dog 的实例
}
function temp(){}
temp.prototype = Animal.prototype;
Dog.prototype = new temp();
Dog.prototype.constructor = Dog;

4、TypeScript 中类的继承

class Person{
    name:string;    //属性    前面省略了 public 关键字
    constructor(name:string){  //构造函数    实例化的时候触发的方法
        this.name = name;
    }
    getName(){ return this.name; }
    setName(name){ this.name = name; }
}
class Child extends Person{    //子类继承父类,子类的实例可以调用符类中的方法
    constructor(name:string){
        super(name);
    }
}

5、类里面的修饰符

typescript 里面定义属性的时候给我们提供了三种修饰符:public、protected、private。


public:公有:在类里面、子类、类外面都可以访问。属性如果不加修饰符默认就是公有(public)

protected:保护类型:在类里面、子类里面可以访问,在类外部没法访问

private:私有:在类里面可以访问,子类、类外部都没法访问

目录
相关文章
|
7月前
|
JavaScript 前端开发 安全
ES6的类 vs TypeScript的类:解密两种语言中的面向对象之争
ES6的类 vs TypeScript的类:解密两种语言中的面向对象之争
|
7月前
|
JavaScript 编译器
TypeScript中泛型在函数和类中的应用
【4月更文挑战第23天】TypeScript的泛型在函数和类中提供了灵活性,允许处理多种数据类型。了解泛型是掌握TypeScript类型系统的关键。
|
6月前
|
JavaScript 前端开发 程序员
TypeScript 类
TypeScript 类
|
2月前
|
JavaScript 前端开发
Vue2整合TypeScript:借助vue-property-decorator以类模式编写组件
Vue2整合TypeScript:借助vue-property-decorator以类模式编写组件
178 3
|
7月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
70 0
|
3月前
|
JavaScript
typeScript进阶(13)_类与注意事项(八项特性)
TypeScript的类支持特性包括:构造函数、继承(使用`extends`)、公有/私有/受保护修饰符、只读修饰符、参数属性、存取器(getters/setters)、抽象类(用`abstract`声明)。类可用作类型。
28 0
typeScript进阶(13)_类与注意事项(八项特性)
|
6月前
|
JavaScript 前端开发 开发者
10.【TypeScript 教程】类(Class)
10.【TypeScript 教程】类(Class)
34 2
|
5月前
|
JavaScript 前端开发
TypeScript(七)类
TypeScript(七)类
41 0
|
6月前
|
JavaScript
TypeScript类
TypeScript类
|
6月前
|
JavaScript Java C#
typescript 类类型
typescript 类类型