Javascript ES6 TemplateString 一个 TemplateString

Question

我正在使用 Mustache 构建单个字符串，替换其中的多个变量。我很想使用 TemplateString，但我需要在运行时解析我的字符串，而不是在代码编译时解析，因为我是从外部源读取模板字符串。

需要明确的是:

// mustachy example
// template is "foo{{who}}" and myData.whmustao = "manchu"
let myResult = mustache.render(getMyTemplate(),myData);
console.log(myResult);   // "foomanchu"

这是非常轻量级的，我很想使用 TemplateString，但正如下面的示例所暗示的那样 - 我无法想象一种从外部提供字符串的方法......

// ES6xy example
let myResult = `foo${myData.who}`;   // can't get this at runtime
console.log(myResult);    // "foomanchu"

但是，我无法想象有一种直接、干净、不偷偷摸摸的方式来实现这一目标。你可以吗？

Answer 1

我假设您正在客户端加载数据并希望根据返回的数据生成一个字符串。您可以使用一个函数来返回生成的字符串

function generateString(val1, val2) {
  return `foo${val1} bar${val2};
}

作为获取 val1 和 val2 的 api 调用的结果，您可以在客户端上调用该函数吗？

如果您延迟响应直到获得所需的所有数据，此策略也适用于服务器