javascript - 用占位符定义常量

Question

我有一个带有链接的 api 调用，其中包含一个变量。而不是每次我想将链接隐藏在常量中时都对链接进行编码。例如

var apiRoutes = {
    'test + {placeholder}': "pre/" + {placeholder} + "/post",
}

我想通过以下方式调用api

apiRoutes.test{variable}.

这可以用 JavaScript 实现吗？可能是用正则表达式？

提前致谢。

编辑:更多信息。有什么解决办法吗？

var apiRoutes = {
    'register': baseurl + '/api/user/register', //fix route
    'login': baseurl + '/api/user/login', //fix route
    [...]
    'test {placeholder}': "pre/" + { placeholder } + "/post", //what I want to do. This code won't solve my problem
}
[...]
window.location.href = apiRoutes .register;
window.location.href = apiRoutes .login;
window.location.href = apiRoutes .test{example_id_1}; //what I want to do. This code won't solve my problem

Answer 1

您可以使用括号表示法将动态属性分配给 apiRoutes，例如apiRoutes['test' + 占位符] = ...。您还可以使用相同的符号访问/读取它:

var placeholder = 'foobar';
var apiRoutes = { };
apiRoutes['test' + placeholder] = 'pre/' + placeholder + '/post';

console.log(apiRoutes);
console.log(apiRoutes['test' + placeholder]);

如果你可以使用 ES6，你也可以使用模板字符串/文字:

const placeholder = 'foobar';
const apiRoutes = { };
apiRoutes[`test${placeholder}`] = `pre/${placeholder}/post`;

console.log(apiRoutes);
console.log(apiRoutes[`test${placeholder}`]);