JS i18n实现，支持带参数的功能

1.JS国际化的实现原理：
   动态加载对应的JS的国际化资源文件(js_locale_en_US.js和js_locale_zh_CN.js)。
   <script src="/javascripts/locales/js_locale_<%=lang%>.js"></script>
   其中[<%=lang%>]为动态取得的当前语言环境。

2.资源文件说明(js_locale_zh_CN.js)：

var JSLocale = {
   hello: "你好"
   helloParam: "第一个参数{{:first}},第二个参数{{:second}}."
   
   end: "" // 结束符号，没有意义
}

资源文件就是创建了一个全局JSON对象JSLocale。
在模板页调用资源内容，只需要使用JSLocale.hello("hello"为对应的json对象的键值)即可调用对应的内容。

3.带有参数的国际化内容的疑问：
   在有些情况下我们会需要在国际化的内容中带有参数，例如在国际化分页工具栏的时候会有"当前是第n页"的内容，其中的n就是个参数。
   针对带有参数的国际化内容添加了dynamicLocale.js。

/*
 * 描述：动态取得本地资源文件内容
 * 
 * 参数：
 *   key 对应的资源的key
 *   params 对应资源中的参数对象(Hash)
 *   
 * 返回：对应的资源内容
 * 
 * 用法：
 * 		getLocale("helloParam",{first:value1,second:value2});
 */
function getJSLocale(key,params){
	var result = ""; 	// 对应的资源的内容
	var paramsObj = {};	// 参数对象
	if(params) paramsObj = params;
	
	if(typeof(key) != 'undefined' && typeof(JSLocale) != 'undefined'){
		// 根据key取得对应的资源内容，如果没有找到则返回key值
		if(JSLocale[key] != undefined){
			result = JSLocale[key];
		}else{
			result = key;
		}
		
		// 替换对应参数为value的值
		var regExp = new RegExp(); //替换资源中参数的正则
		for(var k in paramsObj){
			regExp = eval("/{{:" + k + "}}/g");
			result = result.replace(regExp,paramsObj[k]);
		}
		
		// 如果没有找到对应的资源则返回 "No Value"
		if(/{{:[a-zA-Z]+}}/.test(result)){
			result = result.replace(/{{:[a-zA-Z]+}}/g, "No Value");
		}
	}
	return result;
}

在模板页调用带参数的国际化资源内容，使用getLocale("helloParam",{first:value1,second:value2});

注：带参数的调用方式同时支持没有参数的调用，例如可以使用getLocale("hello");取得键值为"hello"的资源内容。

4.在资源文件中定义参数的方式
   使用{{:param}}
   其中param即对应的参数的key值，可以重复使用，没有前后顺序。
  

评论

2 楼 alijon 2017-01-09  

html 便签 能写getLocale("hello"); 么 怎么写啊

1 楼 grandboy 2011-04-26  

不错，一直在想这个事，但没有时间去研究，看到JqueryUI都实现得挺好的，正准备看看它的实现呢。项目一紧就更没有时间去弄这个东西了。