用Javascript中的变量格式化字符串模板

Question

我想使用静态定义的模板来构建URL。

我正在尝试为此使用 ES6 字符串插值功能

var template = "http://example.com/?name=${name}&age=${age}";

var name = "John";
var age = "30";

var url = `${template}`;

预期结果:http://example.com/?name=John

实际结果:http://example.com/?name=${name}

如果这不能用字符串插值来实现，那么还有比＜code＞string.prototype更好的方法。替换like

var url = template.replace(/\${name}/,"John").replace(/\${age}/, 23);

Answer 1

也许我误解了您的问题/用例，但您应该能够在没有“模板”变量的情况下做到这一点。只需将当前分配给“模板”的值直接分配给“URL”，并使用反引号代替引号：

var name = "John";
var age = "30";

var url = `http://example.com/?name=${name}&age=${age}`;

结果是：＜code＞http://example.com/?name=John

Answer 2

以下是如果值在后面，但您仍然希望使用模板，您将如何处理此问题：

var template = (name, age) => `http://example.com/?name=${name}&age=${age}`;

// these come after template is defined
var name = "John";
var age = "30";

console.log(template(name, age));

如果问题与递归有关：

您使用了双引号 “ 而不是反引号 '

否则它将工作：

var name = "John";
var age = "30";
var template = `http://example.com/?name=${name}&age=${age}`

var url = `${template}`;

https://jsfiddle.net/kab48ht5/

如果您所要做的只是将一些值转换为正确的URL格式，您可以尝试并遵循以下解决方案：https://stackoverflow.com/a/22678412/185672

Answer 3

变量在计算文本时被替换，因此您无法创建以后可以用变量替换的通用模板：

var template = `http://example.com/?name=${name}&age=${age}`;
var name = "John";
var age = "30";

console.log( template ); // "http://example.com/?name=undefined&age=undefined"

编辑：为那些重用控制台会话并从以前的实验中定义变量的人设置：https://jsfiddle.net/nwvcrryt/

您也不能将字符串文字“我的名字是 ${name}”转换为您尝试执行的模板。

但是，您可以使用一个函数来获取名称和年龄并返回所需的 url：

const formatUrl = (name, age) => `http://example.com/?name=${name}&age=${age}`;
let name = "John";
let age = "30";
let url = formatUrl( name, age ); // "http://example.com/?name=John&age=30"