Question

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

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

My Function模板中定义的代码：

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

我尝试使用谷歌，但由于所有结果都与JavaScript模板引擎有关（例如Handlebars），因此我无法获得任何结果。

知道如何在浏览器中使用JavaScript实现这一目标吗？

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

注意2：如果它太复杂，我将使用后端语言（例如PHP中的Twig）用{{curly brackets}}编写我的JavaScript代码并将纯JavaScript返回给浏览器，这样我的单元测试工作，并重新使用后端编写的代码。

Answer 1

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

ANativeWindow_fromSurface

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

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

1 个答案: