javascript将方法参数插入字符串模板

Question

我不确定最终的实现具体如何，但基础知识是将方法参数插入到字符串“模板”中。第一种情况，我可以只进行正则表达式替换，但这有一些缺点，如果有必要，我愿意接受。第二个有点困难。如何从模板中获取名称并替换为传递对象中的匹配名称？感谢您的任何帮助。

var myTemplate = 'Hello {name}'; // or something similar
var name = 'Bob';
function applyTemplate(tpl,str) {
    //do stuff here to replace {name} with passed argument
}
var newStr = applyTemplate(myTemplate,name); //should return 'Hello Bob'

//Also this one
var myTemplate = 'Good {timeOfDay} {name}';

function applyTemplate(tpl,o) {
    //simple objects only, don't need nested
}
var newStr = applyTemplate(myTemplate,{name:'Bob',timeOfDay:'morning'}); //should return 'Good morning Bob'

Answer 1

如果您不需要额外的检查和验证，您只需将 {key} 替换为 value 即可，例如：

function applyTemplate(tpl,o) {
    for(var key in o)
        {
            if(o.hasOwnProperty(key))// prevent iteration on any prototype inherited methods
                tpl = tpl.replace('{'+key+'}',o[key]);
        }
    return tpl;
}

至于您简单的第一个 applyTemplate 函数，因为您对键应该是什么没有任何概念，所以您可以使用正则表达式仅替换遇到的第一个 {...} ：

 function applyTemplate(tpl,str) {
     return tpl.replace(/{.*?}/,str);
}

然后，当然，您可以将这些组合起来两个功能合而为一，略有不同基于参数类型的功能：

 function applyTemplate(tpl,o) {
    switch(typeof o){
        case 'object' : 
            for(var key in o)
                {
                    if(o.hasOwnProperty(key))
                        tpl = tpl.replace('{'+key+'}',o[key]);
                }
            break;
        case 'string' : 
           tpl = tpl.replace(/{.*?}/,o);
           break;
        default : 
            throw new Error('no valid parameters supplied');
    }
    return tpl;
}

这应该可以解决问题。如果您有兴趣，您可以了解一下 jquery 模板系统：http://api.jquery。 com/jQuery.template/。

希望这有帮助。