Web 前端本地化（二）

好极了！我们要开始实现一项很重要的功能，即注册语言包。通常情况下，使用者会希望以一个 JSON 的形式，批量将语言文本集合以 Key-Value 对的形式扔进来，Key 即用来作为索引的标识，而 Value 则为对应语言的文本内容。所支持的不同语言各需要一个对应的 JSON 数据，理论上里面应当包含相同的内容。当然，由于我们计划支持类似于继承的模型，以及事后更改的能力，所以关于所有 JSON 字段是否相同，并不需要严格遵循。那么，接下来，我们需要继续在 Local 类里面，去实现 regStrings 方法，代码如下。

Local.prototype.regStrings = function (lang, value) {    if (!lang) return;    var key = lang.toString().toLowerCase();    if (!value) {        delete this._strings[key];        return;    }     if (typeof value === "number"        || typeof value === "string"        || typeof value === "boolean"        || typeof value === "function"        || value instanceof Array) return;    this._strings[key] = value;}

不过，本人感觉似乎不是很满意。有的时候，我们可能会调用该方法多次，哪怕是针对同一语言。这的确有可能发生，因为有的模块可能希望对该语言包进行批量扩充。因此，我们打算提供一套更好的方式，来满足这种需求。对此，我们还提供了一个额外的参数，来标明是否需要覆盖原先的设定，默认情况下为否，即只是扩充。

/**  * 注册一个语言包。  * @param lang  语言编号。  * @param value  语言包对象。  * @param override  可选。如果需要覆盖，则为 true；否则，为 false，此为默认值。  */Local.prototype.regStrings = function (lang, value, override) {    if (!lang) return;    var key = lang.toString().toLowerCase();    if (!value) {        delete this._strings[key];        return;    }     if (typeof value === "number"        || typeof value === "string"        || typeof value === "boolean"        || typeof value === "function"        || value instanceof Array) return;    if (override || !this._strings[key]) {        this._strings[key] = value;    } else {        var obj = this._strings[key];        for (var prop in value) {            obj[prop] = value[prop];        }    }}

嗯，让我们来做一个测试吧。

// Create a Local instance.var local = new Local(); // Set up an English language pack.var lp_en = {    greetings: "Hello!",    goodbye: "Bye!"};local.regStrings("en", lp_en); // Set up an Simplified Chinese language pack.var lp_hans = {    greetings: "你好！",    goodbye: "再见！"};local.regStrings("zh-Hans", lp_hans);local.regStrings("zh-CN", lp_hans);local.regStrings("zh-SG", lp_hans);

现在，我们可以为一个组件注册多国语言包啦！

【未完待续】

文章类型及复杂度：Web 前端开发进阶。

节选翻译自 MSDN 博文 Localization in web page，内容有所调整。

http://blogs.msdn.com/b/kingcean/archive/2016/03/30/web-localization.aspx