如何在不使用'eval”或'new Function”的情况下将 ES6 JavaScript 中的常规字符串转换为模板文字？

使用 ES6 将字符串转换为模板字符串

在 JavaScript 中，模板字符串允许您将表达式和变量直接嵌入到字符串中，提供简洁易读的语法。但是，如果您想从现有的非模板字符串创建模板字符串怎么办？本问题探讨了在不使用 eval 或 new Function 等动态代码生成技术的情况下实现此转换的可能性。

提供的解决方案利用 ES6 的字符串插值功能和自定义插值函数。此函数采用包含模板参数的对象，并使用 JavaScript 模板文字动态生成模板字符串。

解决方案的工作原理如下：

String.prototype.interpolate = function(params) {
  const names = Object.keys(params);
  const vals = Object.values(params);
  return new Function(...names, `return \`${this}\`;`)(...vals);
}

插值函数作为自定义添加String 对象的原型方法。它接受表示模板参数的键值对对象。

const template = 'Example text: ${text}';
const result = template.interpolate({
  text: 'Foo Boo'
});

这里，我们将插值函数应用于模板字符串，传递一个参数文本设置为“Foo Boo”的对象。该函数通过利用带有参数值占位符的 JavaScript 模板文字来创建模板字符串。

console.log(result);

最后，我们将结果记录到控制台，控制台应输出：

Example text: Foo Boo

此解决方案允许您动态地将普通字符串转换为模板字符串，使您能够在 JavaScript 代码中利用模板字符串提供的表达性和可读性。

以上是如何在不使用'eval”或'new Function”的情况下将 ES6 JavaScript 中的常规字符串转换为模板文字？的详细内容。更多信息请关注PHP中文网其他相关文章！