JS中实现简单Formatter函数示例代码

JS中实现简单中实现简单Formatter函数示例代码函数示例代码

JS没有提供方便使用的Formatter函数，用字符拼接的方式看起来混乱难读，下面是JS简单实现版本(没有严格

测试)

JS原生并没有提供方便使用的Formatter函数，用字符拼接的方式看起来混乱难读，而且使用起来很不方便。个人感觉C#里提

供的语法比较好用，如：

String.Format(“Welcome to learn '{0}','{0}' is awesome,you will {1} it!","Javascript","love");

这种有顺序的替换方式，比较清晰，而且在要替换同一内容时候可以省去传递重复参数的情况，下面是JS简单实现版本(没有

严格测试):

}

return args.reduce(execReplace,sourceStr);

}

})(window.utils = window.utils || {});

console.log(utils.format("Welcome to learn '{0}','{0}' is awesome,you will {1} it!","Javascript","love"));

关键的是这句：

args.reduce(execReplace,sourceStr);

这里使用了Array的reduce函数,reduce和reduceRight是ES5新增加的函数，该函数的参数是

reduce(callback,initialValue)，callback接收4个参数分别是：

previousValue:

在execReplace中每一次执行时使用前一次替换后的结果作为原始替换字符串，使用当前item的index作为要被替换的内容，依

次遍历，最终完成替换内容。

注：reduceRight和reduce函数基本一样，只是它的遍历顺序是由右向左