小窥TypeScript: 面向对象的新特性

1、类class是typescript的核心，使用typescript开发时，大部分代码都是写在类里的。

声明一个类，可以有属性，也可以有方法:

class Person1 {
    name:string;
    getName() {
        console.log(this.name);
    }
}

创建这个类，赋予属性变量数据，并调用：

var p1 = new Person1();
p1.name = "haha";
p1.getName();

属性和方法，都是可以给访问权限的，访问权限关键字为三个，public、private、protected，惊不惊喜？意不意外？是不是和java一模一样？作用其实作用也和java一样，这里不再累赘。

如果没有写明访问权限，默认为public，惊不惊喜？意不意外？是不是和java一模一样？

类的构造函数constructor()，仅在创建类的时候调用一次，且外部无法调用：

class cls1 {
    constructor() {
        console.log("创建时调用！");
    }  
}

构造函数可以在指定类创建时必须赋予的属性：

class Person2 {
    name:string;
    constructor(name) {
        console.log("P2创建时调用！");
    }
    getName() {
        console.log(this.name);
    }
}

在构造函数中，没有创建的属性，必须带上访问权限关键字：

class Person2 {
    constructor(public name: string) {
        console.log("P2创建时调用！");
    }
    getName() {
        console.log(this.name);
    }
}

这时，再创建类的时候，就必须要带上name属性的赋值。

var p2 = new Person2("heihei");
p2.getName();

类的继承，使用extends关键字，又和java一样，还要不要意外？还要不要惊喜？

class Employee1 extends Person2 {
}

这时Employee1就继承了Person2。

创建Employee1类的时候，也和Person2类一样，必须要输入name属性值。

var e1 = new Employee1("p2 Extends");
e1.getName();

类继承以后，如果需要调用父类的属性，就需要使用super关键字，又和java一样，还要不要意外？还要不要惊喜？

class Employee2 extends Person2 {
    constructor(name,public code) {
        super(name);
        this.code;
    }
    getCode() {
        console.log("姓名："+this.name+"编号："+this.code);
    }
}

除了继承了Person2意外，还另外建了个属性code和一个新的方法getCode()。这时再创建Employee2类的时候，就需要给两个属性赋值。

var e2 = new Employee2("xixi", "a123456");
e2.getName();
e2.getCode();

2、类的泛型

var Employees1: Array<Employee2> = [];

建了一个数组Employees1，里面只能放Employee2的类，又和java一样，还要不要意外？还要不要惊喜？

3、接口，用来建立某种代码约定，使其他开发者在调用某个方法或创建新类的时候，必须遵守接口的代码约定。

申明接口使用interface关键字。

当接口为一个类构造方法声明的属性时,在创建这个类的时候，必须输入这个接口规定的属性：

interface infa1 {
    name: string;
    age:number;
}
class cls2 {
    constructor(public cfg: infa1) {
    }
}
var c1 = new cls2({
    name: "heiheihei",
    age: 20
});

当接口为一个方法时，使用implements关键字，当所有使用该接口的类，都必须实现该方法，我已经复制累了，不再问你们java了：

interface infa2 {
    func1();
}
class cls3 implements infa2{
    func1() {
        console.log("接口a");
    }
}
class cls4 implements infa2{
    func1() {
        console.log("接口b");
    }
}

4、模块，可以帮助开发者将代码分割为可重用的单元。开发者可以自己决定将模块中的哪些资源暴露出去供外部使用，哪些资源只能在模块内使用。

其实一个模块就是一个文件，相当于.js文件。

其中有两个关键字：

export 对外暴露。

export var str1;
export function func1();
export class cls1{};

这时其他的模块则可以使用import from关键字来调用上面两个暴露的变量及方法，from后面跟着的是模块文件路径。

import {st1,func1,cls1} from "./a";

一个模块即可以对外暴露属性、方法、类，也能调用其他模块的暴露的属性、方法、类。

5、注解，为程序的元素加上更直观更明了的说明，这些说明信息与程序的业务逻辑无关，而是供指定的工具或框架使用的。

6、类型定义文件(*.d.ts)，用来帮助开发者在TypeScript中使用JavaScript的工具包。如JQuery，仅需将jquery.d.ts文件拷贝到文件夹。在github.com/DefinitelyTyped中有几乎所有js库工具包的.d.ts文件。