TypeScript学习笔记（三）：类

类

在TypeScript中，类似于C#的结构，即一个文件中可以存在多个类，且文件名可以任意取，我们先看一个简单的类的示例。

 class Person {
     private name: string;
     private age: number;

     public constructor(name:string, age:number) {
         this.name = name;
         this.age = age;
     }

     public talk() {
         alert("Hi, my name is " + this.name + ", i am " + this.age.toString() + "!");
     }
 }

 function run() {
     var p: Person = new Person("Li Lei", 18);
     p.talk();
 }

 run();

TypeScript中的类需要注意下面几个点：

• class前不用加访问控制符，所有类都是全局公开可访问的；
• 如果类的属性和方法不加访问控制符则默认为public；
• 1.3开始支持protected访问权限，1.3之前仅支持public及private；
• 构造函数不是类名而是constructor；
• 访问类的成员变量及函数都需要加this关键字；

类的继承

在TypeScript中，如何实现类的继承呢，请看如下示例：

 class Person
 {
     private name: string;
     private age: number;

     constructor(name: string, age: number)
     {
         this.name = name;
         this.age = age;
     }

     talk()
     {
         alert("Hi, my name is " + this.name + ", i am " + this.age.toString() + "!");
     }
 }

 class Student extends Person
 {
     private school: string;

     constructor(name: string, age: number, school: string)
     {
         super(name, age);
         this.school = school;
     }

     talk()
     {
         super.talk();
         alert("And I`m in " + this.school + "!");
     }
 }

 function run()
 {
     var p: Person = new Student("Li Lei", 18, "English School");
     p.talk();
 }

 run();

类的继承需要注意以下几点：

• 继承使用extends关键字；
• 调用父级使用super关键字；
• 重写父级方法不需要加override关键字，直接定义一样的方法即可；
• 父级变量可以调用到子级的方法，符合多态的概念；

getter/setter封装

在TypeScript中我们可以对一个成员变量进行getter和setter的封装，如下：

 class Person
 {
     private _name:string;

     constructor(name: string)
     {
         this._name = name;
     }

     set name(value:string) {this._name = value;}
     get name() {return this._name;}

     talk()
     {
         alert("Hi, my name is " + this.name + "!");
     }
 }

 function run()
 {
     var p:Person = new Person(null);
     p.name = "Li Lie";
     p.talk();
 }

 run();

静态数据和方法

在TypeScript中，是可以使用Static来定义静态变量及静态函数的，我们以单例类为例来看看：

 class Person
 {
     private static _instance:Person;

     static getInstance():Person
     {
         if(this._instance == null)
         {
             this._instance = new Person();
         }
         return this._instance;
     }

     talk()
     {
         alert("Hi, my name is Li Lie!");
     }
 }

 function run()
 {
     Person.getInstance().talk();
 }

 run();

reference

TypeScript允许多个类在同一个文件里，但如果类与类在不同的文件，需要这种写法：

 /// <reference path="SimpleWebSocket.ts"/>
 class ComplexWebSocket extends SimpleWebSocket {
 ...
 }