前言

选择多语言文本配置

大部分js的多语言库似乎都采用了json格式，可以很方便的转为对象解析，还可以分多级结构来组织配置内容。但是我个人感觉json格式对非技术人员（比如正经请个翻译的话）并不太友好。加上联想起过去做iOS开发多语言时的体验，我还是倾向于选择普通的文本格式，基本上完全照搬iOS里的.strings文件来做多语言配置。

这样的好处是，我们在代码里使用的时候就用常用语言写字符串即可。无论是代码的可读性，多语言配置文件编辑者的易用性都很高

//vue-i18n示例
$t("login.title")

//NSLocalizedString示例
NSLocalizedString("知道了")

代码时间

按行拆分数据

本例里是一个node环境，所以用fs来读取文件内容，然后赋值给data。如果要支持浏览器环境，可以用其他http框架api来读取文件内容。

const list = data.split("\n");

拆分变量名和值

在这里我使用了两个数组，一个用来存放读取所用的键名，一个用来存放对应的值。是不是可以扔到{}对象里呢？考虑到可能有一些特殊情况需要使用特殊字符来取值，为了保证这种特殊情况下的兼容性，所以尽量不要让key成为key。

keys=[];
values=[];
    
for (var i = list.length - 1; i >= 0; i--) {
    var row=list[i];
    var key=row.split("=")[0].trim().match(/(?<=').*?(?=')/)[0];
    var value=row.split("=")[1].trim().match(/(?<=').*?(?=')/)[0];

    keys.push(key);
    values.push(value);
}

首先通过String的split方法，以=为分隔符拆分字符串为数组。然后trim裁剪掉两边的空格，给这样的配置结构增加一定的容错性。

拆解变量

这个时候我们就需要另一种实现方式

localized("请选择{$1}文件","model.json")

也需要支持携带多个变量

localized("请选择{$1}，{$2}文件","png","jpg")

let dynamics=value.match(/{\$.*?}/g);

if(!dynamics)return value;

var dynamic_str = value;
for (var i = 0; i < dynamics.length; i++) {
    var d_item=dynamics[i];
    dynamic_str=dynamic_str.replace(d_item,`${args[i]}`);
}

return dynamic_str;