如何在JavaScript代码中使用JavaScript模板代码？

Question

与我们如何使用JS模板引擎（例如Handlebars ）在HTML中动态插入值（例如<div>{{value inserted by JavaScript}}</div> ）相似，我想在JavaScript代码中使用相同的{{curly brackets}}符号。 例如：

 var myFunction= {{My Function}};
 var bar = myFunction(foo);

My Function模板中定义的代码：

function(foo) {
   return foo+'bar';
}

我尝试使用Google，但结果却一无所获，因为所有结果都是关于JavaScript模板引擎（例如Handlebars ）的。

知道如何在浏览器中的JavaScript中实现此目标吗？

注意1：仅供参考，我要实现此目的的原因是创建可以在浏览器中进行单元测试的JavaScript函数，并按原样重用（无需替换{{template}}代码）到Google跟踪代码管理器使用的JavaScript函数中在其JavaScript引擎中支持{{curly brackets}}符号。

注意2：如果过于复杂，我将使用一种后端语言（例如PHP中的Twig ）用{{curly brackets}}编写我的JavaScript代码，并将纯JavaScript返回浏览器，这样我的单元测试就可以了，使用后端编写的代码。

Answer 1

您可以使用eval（）创建动态JS代码。 这是一个例子：

var getDynamicFunction = function(jsCode) { 
        return '(function() { return function() { ' + jsCode + ' }})()'
   },
   codeToInsert = 'alert("I am created dynamically");';

myFunction = eval(getDynamicFunction(codeToInsert));
myFunction();

http://jsfiddle.net/pLk3nsv3/1/