在ES6中将字符串转换为模板文字

Question

假设我有一个像"${a + b}"这样的字符串，比如说从JSON读取，我想将其解释为ES6模板文本。我觉得这样的事情可能工作：

var x = {"add": "${a + b}"}; 
var a = 10, b = 20; 
alert(`${x.add}`); 

但这提醒如${a + b}，所以它只是做替代的一个水平。

试图通过重新解释它是聪明的：

var a = 10, b = 20; 
var x = {"add": "${a + b}"}; 
var i = `${x.add}`; 
alert(`${i}`); 

这仍然提醒如${a + b}。

尝试是更聪明：

var a = 10, b = 20; 
var x = {"add": "${a} + ${b}"}; 
var i = `${x.add}`; 
alert(`${i}`); 

此警报为${a} + ${b}。

从一个字符串开始，例如"${a + b}"，有没有什么办法让这个评估完成，就好像它是一个模板文字？理想情况下没有eval！

Answer 1

是的，它们不是递归的。

如果你的出发点是包含这些占位符串，据我所知是没有模板的编译器功能。当然有eval; [插入所有关于使用eval   —仅限于您信任的内容的所有常见警告，而不是如果您可以避免它等等，请使用  —这里]。

因此，例如：

"use strict"; 
 
var x = {"add": "${a + b}"}; 
 
var a = 10, b = 20; 
 
console.log(eval("`" + x.add + "`"));