typescript - 在 TypeScript 中创建类似静态的类或模块层次结构？

Question

我正在尝试为我们网站的 javascript 创建一个“全局”配置结构。我想要做的是这样的事情：

company.config.serviceUrl = "http://yoursite.com/servic";
company.config.serviceKey = "123456789ABCDEF";

在 C# 中（是的，我是 C# 人），这将是一个静态类config，在company具有几个静态属性的命名空间内serviceUrl和serviceKey.

知道我将如何在TypeScript中执行此操作吗？我设法“做到了”，但是查看生成的 javascript，我不确定Config公开的类是我想要的。

这是源 TypeScript：

module company{
    export class Config {
        serviceUrl = "";
        serviceKey = "";
    } 

    export var config = new Config();
}

company.config.serviceUrl = "http://yoursite.com/service";
company.config.serviceKey = "123456789ABCDEF";

生成的javascript：

var company;
(function (company) {
    var Config = (function () {
        function Config() {
            this.serviceUrl = "";
            this.serviceKey = "";
        }
        return Config;
    })();
    company.Config = Config;    
    company.config = new Config();
})(company || (company = {}));
company.config.serviceUrl = "http://yoursite.com/service";
company.config.serviceKey = "123456789ABCDEF";

Answer 1

你可以只使用模块：

module company.config {
    export var serviceUrl = 'http://...';
    export var serviceKey = '1234567890';
}

或者，如果需要，您可以在类上使用静态：

module company {
    export class config {
        static serviceUrl = 'http://...';
        static serviceKey = '1234567890';
    }
}