2015年3月31日，来做一道前端笔试题

[xuyuan923]

/**
 * @fileoverview 为字符串实现一个render方法，实现下面的变量替换功能
 **/
var greeting = 'my name is $(name),age $(age)';
var result = greeting.render({name:'XiaoMing',age:11});
console.log(result); // my name is XiaoMing,age 11

[VaJoy]

 String.prototype.render = function(option){
 var s = this,
 reg;
 Object.keys(option).forEach(function(k){
 reg = new RegExp("\\$\\("+k+"\\)","g");
 s = s.replace(reg,option[k])
 });
 return s
 };

 var greeting = 'my name is $(name),age $(age)';
 var result = greeting.render({name:'XiaoMing',age:11});
 console.log(result); // my name is XiaoMing,age 11

[think2011]

String.prototype.render = function (obj) {
 var str = this, reg;

 Object.keys(obj).forEach(function (v) {
 reg = new RegExp('\\$\\('+ v +'\\)', 'g');
 str = str.replace(reg, obj[v]);
 });

 return str;
}

var greeting = 'my name is $(name),age $(age)';
var result = greeting.render({name:'XiaoMing',age:11});
console.log(result); // my name is XiaoMing,age 11

感觉会有bug。

[VaJoy]

@think2011 举个栗子？⊙﹏⊙

[think2011]

@VaJoy做过类似的题目，但是没通过测试，也是上面那样写的.. 后来没做完，有空找找那道题。

[lzzwoodtree]

String.prototype.render = function(obj){
var temp = this;
for (var p in obj) {
 var reg = new RegExp('\\$\\(' + p + '\\)', 'g');
 temp = temp.replace(reg, obj[p]);
}
return temp;
}

[lzzwoodtree]

我就传个low low的做法吧

[qingo]

es6的字符串吧

var obj = {name:'XiaoMing',age:11}
`my name is ${obj.name},age ${obj.age}`

[singone]

String.prototype.render=function(object){

 return this.replace(/(?:\$\()(\w+)(?:\))/g,function(all,word){
 return object[word]||''
 });

};