TypeScript入门笔记（四）

接上篇。

TypeScript中的模块

在项目根目录中新建一个./module的文件夹，在里面创建如下ts文件。

文件：Validation.ts

1 // 例，Validation.ts文件作为一个模块（module）
// 使用export关键字将接口“StringValidator”暴露给外界

export interface StringValidator {
    isAcceptable(s: string): boolean;
}

 文件名：ZipCodeValidator.ts

 1 /*
 * ///<reference path="./Validation.ts" />  这种引入模块的写法是老版本的，不建议继续使用
 *  */

// 使用import关键字将Validation文件中的StringValidator引入
import {StringValidator} from "./Validation";   //导入文件中的StringValidator接口

const numberRegexp = /^[0-9]+$/;

export class ZipCodeValidator implements StringValidator {
    isAcceptable(s: string) {
        return s.length === 6 && numberRegexp.test(s);
    }
}

 文件名：TelValidator.ts

 1 //还有一种引入的写法如下，把这个文件用以“validator”作为命名空间导入
import validator = require('./Validation');

let telReg = /^(13[0-9]|15[0-9]|18[0-9])d{8}$/;

export class TelValidator implements validator.StringValidator {
    isAcceptable(s: string) {
        return telReg.test(s);
    }
}

 文件：ParseIntBasedZipCodeValidator.ts

 1 // 也可以使用这种写法，类似python的引入写法，并给这个模块起别名
import * as validator from "./Validation"; 

//使用别名就可以“点”出来模块中export暴露出来的内容
export class ParseIntBasedZipCodeValidator implements validator.StringValidator{
    isAcceptable(s: string) {
        return s.length === 5 && parseInt(s).toString() === s;
    }
}

// 导出原先的验证器但做了重命名
export {StringValidator as ValidatorBase} from "./Validation";

命名空间

文件名：University.ts

/**
 * 命名空间，关键字“namespace”
 * 很多编程语言中都有这个概念，大家都是类似的作用
 */

export namespace Earth {

    export class Person {
        planet: string = "地球";
        constructor(readonly name: string, readonly age: number) {
        }

        SayHi(): void {
            console.log(`我是${this.name}，我来自${this.planet}`)
        }
    }
}

export namespace Mars {

    export class Person {
        planet: string = "火星";
        constructor(readonly name: string, readonly age: number) {
        }

        SayHi(): void {
            console.log(`我是${this.name}，我来自${this.planet}`)
        }
    }
}

import * as university from "./University"

//使用命名空间区分同名类
let earther = new university.Earth.Person("小明", 28);
let marser = new university.Mars.Person("哈努纳汉", 342);

earther.SayHi();    //我是小明，我来自地球
marser.SayHi();     //我是哈努纳汉，我来自火星

//注意一点，这段代码在浏览器中运行会报错，是因为不支持“export”这个用法，但是在控制台使用nodejs执行是可以正常调用的，如果想在浏览器中运行可以使用webpack