能否将模板字符串用作对象值？如何构建可动态调用的模板字符串映射？

1. 能否将模板字符串用作对象的值？ #

当然没问题！不过有个关键细节要注意：模板字符串在定义时就会被立即求值。举个实际的例子：

const name = 'Alice';
const myObj = {
  greeting: `Hello, ${name}!`
};
console.log(myObj.greeting); // 输出 "Hello, Alice!"

// 之后修改name并不会改变myObj.greeting的值
name = 'Bob';
console.log(myObj.greeting); // 还是输出 "Hello, Alice!"

如果定义对象时模板里的变量还没声明，那会直接抛出引用错误，这点要留意。

2. 如何创建可动态调用的模板字符串映射？ #

你想要的那种“传入索引和参数得到替换后字符串”的需求，核心是不要在对象里直接存已经求值的模板字符串，而是存返回模板字符串的函数——这样每次调用时才会根据传入的参数动态生成结果。

这里给你两种实用的实现方式：

方式一：针对固定参数数量的模板 #

// 先定义存储模板函数的对象
const myStringTemplates = {
  a: (test) => `myStringA${test}`,
  b: (test) => `myStringB${test}`
};

// 封装调用函数
function getString(index, test) {
  // 先校验模板是否存在
  const templateFn = myStringTemplates[index];
  if (!templateFn) {
    throw new Error(`找不到索引为 ${index} 的模板`);
  }
  // 调用模板函数并返回结果
  return templateFn(test);
}

// 测试调用
console.log(getString('a', 'Cat')); // 输出 "myStringACat"
console.log(getString('b', 'Dog')); // 输出 "myStringBDog"

方式二：支持任意数量参数的模板 #

如果你的模板需要多个参数，可以用剩余参数语法来实现更灵活的调用：

const myStringTemplates = {
  greeting: (name, place) => `Hello ${name}, welcome to ${place}!`,
  farewell: (name) => `Goodbye, ${name}!`
};

function getString(index, ...args) {
  const templateFn = myStringTemplates[index];
  if (!templateFn) {
    throw new Error(`模板 ${index} 不存在`);
  }
  return templateFn(...args);
}

// 测试调用
console.log(getString('greeting', 'Alice', 'Wonderland')); // 输出 "Hello Alice, welcome to Wonderland!"
console.log(getString('farewell', 'Bob')); // 输出 "Goodbye, Bob!"

这种方式的好处是，模板的逻辑可以随时修改，而且每次调用都能根据传入的参数生成最新的字符串，完全符合你想要的效果。

内容的提问来源于stack exchange，提问作者reectrix