08-TypeScript中的类

用户1910585

发布于 2018-05-04 17:57:36

1K0

发布于 2018-05-04 17:57:36

类的概念通常是在后端开发中实现的思想，比如C#、C++或Java，传统的JavaScript开发通过使用原型模式来模拟类的功能。在TypeScript中，天生就是支持类

的，可以让前端的开发更加具有面向对象思想开发的实现。

class Doctor{
    public name:string;//默认不写就是public
    public getname():void {
        console.log("my name is:"+this.name);
    }
}

var doc1=new Doctor();
doc1.name="hcc";
doc1.getname();

后端开发的开发者都知道类有构造函数，在JavaScript中，通过定义函数和传递参数来模拟构造函数。在上述的代码中，在实例化Doctor类时，使用了默认构造函数。

在TypeScript中，可以显示的使用constructor关键字来定义构造函数，如下：

class Wife{
    public name:string;
    constructor(name:string){
        this.name=name;
    }
    public getname():void{
        console.log("my wife name is:"+this.name)
    }
}

var wife=new Wife("hcc");
wife.getname();

另外，在后端开发语言中，属性和静态也是重要的概念，在上述代码中，需要在外部访问的我们定义为了公共字段，但不是属性的概念；另外方法的访问需要实例化类才能访问。在TypeScript中可以定义

属性，也可以通过static关键字定义静态类型（可以不实例化也能访问的成员），如下：

class Book{
    constructor(bookname:string){
        this._bookname=bookname;
    }
    private _bookname:string;

    get BookName(){
        return this._bookname;
    }
    set BookName(bookname:string){
        this._bookname=bookname;
    }

    public static GetBookInfo(bookname:string){
          console.log(bookname);
    }
}

var book=new Book("Advanced C#");
console.log((book.BookName));
Book.GetBookInfo("Advanced Static C#")

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017-09-25 ，如有侵权请联系 cloudcommunity@tencent.com 删除

typescript