在JavaScript中，我们可以使用对象文本来创建键值对。静态键是指在创建对象时就确定好的键名，例如：
const person = {
name: 'John',
age: 30
};然而，在某些情况下，我们需要动态地创建对象文本的键名。这时候，JavaScript提供了一种语法来实现这个目的。
动态键
动态键是指在运行时根据表达式计算结果生成的键名。它还可以与模板字面量结合使用，从而更加方便地创建对象文本。
方括号表示法
要创建一个动态键，我们可以使用方括号表示法（[]）来访问或设置对象文本的属性。
例如，以下代码创建了一个包含动态键的对象：
const dynamicKey = 'age';
const person = {
name: 'John',
[dynamicKey]: 30
};
console.log(person.age); // 输出 30在上面的例子中，我们使用变量 dynamicKey 来作为对象文本的键名。由于 dynamicKey 的值为 'age'，因此在创建对象时，JavaScript将使用 age 作为键名，并将值设置为 30。
你可以使用任何可以被转换成字符串的表达式来作为动态键。例如，以下代码使用一个函数调用来作为键名：
-- -------------------- ---- ------- -------- ------------ - ------ ------- - ----- ------ - - --------------- ------ -- ------------------------- -- -- ------
模板字面量
在ES6中，我们可以使用模板字面量来创建包含动态键的对象。模板字面量是一种特殊的字符串，它允许我们插入变量和表达式。
例如，以下代码使用模板字面量创建了一个包含动态键的对象：
const dynamicKey = 'age';
const person = {
name: 'John',
[`my ${dynamicKey}`]: 30
};
console.log(person['my age']); // 输出 30在上面的例子中，我们使用模板字面量来创建一个以 'my age' 为键名的属性。由于模板字面量中包含了变量 dynamicKey，因此JavaScript将动态地计算出键名，并将值设置为 30。
学习和指导意义
动态键是一种非常有用的技术，它能够使我们更加灵活地创建对象文本。使用动态键，我们可以根据运行时的情况来动态地创建并修改对象属性。
动态键还可以与其他高级特性结合使用，例如解构赋值和展开操作符。例如，以下代码使用解构赋值和动态键来创建一个新的对象：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- -- -- ----- ------ -------- - ------- ----- --------- - - ----- ---------- ----- ------- -- ----------------------- -- -- - ---- ------ ----- ---- -- -
在上面的例子中，我们使用解构赋值将 name 和 rest 分别从 person 对象中提取出来。然后，我们使用动态键创建了一个新的属性，并使用展开操作符将 rest 对象中的属性合并到新对象中去。
总之，掌握动态键的使用可以帮助我们更好地理解和利用JavaScript的高级特性。当我们需要根据运行时的情况来动态地创建和修改对象属性时，动态键就是一个非常有用的工具。
示例代码
以下是一些使用动态键的示例代码：
-- -------------------- ---- ------- ----- ---------- - ------ ----- ------ - - ----- ------- ------------- -- -- -------- ------------ - ------ ------- - - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------