TypeScript学习笔记（七）：模块

JavaScript中的模块

在学习TypeScript的模块之前我们先看看在JavaScript中的模块是如何实现的。

模块的好处

首先我们要了解使用模块的好处都有什么？

1. 模块化、可重用；
2. 封装变量与函数；

下面的示例为使用JavaScript实现的模块：

var MyModule = function(name)
{
    //这里定义的都是私有的成员
    var myName = name;
    var age = 25;

    //这里返回一个对象, 使用 JS 的闭包实现类的效果
    return {
        //这里都是公开的成员
        show:function()
        {
            alert(myName + ":" + age);
        }
    };
}

//创建一个实例
var obj = new MyModule("LiLei");
obj.show();

TypeScript中的模块

在TypeScript中，定义模块使用关键字module，通过模块我们可以更加有效的组织代码。比如当我们的项目越来越大时，我们把所有的类都暴露在全局命名空间下，难免会出现同名等冲突的情况，当我们使用模块后可以解决这个问题。

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

    var lettersRegexp = /^[A-Za-z]+$/;
    var numberRegexp = /^[0-9]+$/;

    export class LettersOnlyValidator implements StringValidator
    {
        isAcceptable(s: string)
        {
            return lettersRegexp.test(s);
        }
    }

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

function run()
{
    // Some samples to try
    var strings = ['Hello', '98052', '101'];
    // Validators to use
    var validators: { [s: string]: Validation.StringValidator; } = {};
    validators['ZIP code'] = new Validation.ZipCodeValidator();
    validators['Letters only'] = new Validation.LettersOnlyValidator();
    // Show whether each string passed each validator
    strings.forEach(s =>
    {
        for (var name in validators)
        {
            console.log('"' + s + '" ' + (validators[name].isAcceptable(s) ? ' matches ' : ' does not match ') + name);
        }
    });
}

run();

使用模块要注意下面几点：

1. 使用module包含的代码被存放到指定名称的命名空间中；
2. 模块中需要外部访问的接口和类都需要添加关键字export；
3. 外部要使用和访问模块中的类或接口必须将命名空间也写上；

我们看看对应的js文件：

var Validation;
(function (Validation) {
    var lettersRegexp = /^[A-Za-z]+$/;
    var numberRegexp = /^[0-9]+$/;
    var LettersOnlyValidator = (function () {
        function LettersOnlyValidator() {
        }
        LettersOnlyValidator.prototype.isAcceptable = function (s) {
            return lettersRegexp.test(s);
        };
        return LettersOnlyValidator;
    })();
    Validation.LettersOnlyValidator = LettersOnlyValidator;
    var ZipCodeValidator = (function () {
        function ZipCodeValidator() {
        }
        ZipCodeValidator.prototype.isAcceptable = function (s) {
            return s.length === 5 && numberRegexp.test(s);
        };
        return ZipCodeValidator;
    })();
    Validation.ZipCodeValidator = ZipCodeValidator;
})(Validation || (Validation = {}));
function run() {
    // Some samples to try
    var strings = ['Hello', '98052', '101'];
    // Validators to use
    var validators = {};
    validators['ZIP code'] = new Validation.ZipCodeValidator();
    validators['Letters only'] = new Validation.LettersOnlyValidator();
    // Show whether each string passed each validator
    strings.forEach(function (s) {
        for (var name in validators) {
            console.log('"' + s + '" ' + (validators[name].isAcceptable(s) ? ' matches ' : ' does not match ') + name);
        }
    });
}
run();
//# sourceMappingURL=app.js.map

当然TypeScript的模块还有其它的用法，可以参考：http://www.typescriptlang.org/Handbook#modules