在JavaScript中，对象是一种复合数据类型，用于存储键和值的集合。对象可以通过花括号 {} 创建，并且可以包含零个或多个属性。通常我们使用字符串来定义对象的属性名，但有时候我们需要使用变量作为属性名。
使用变量作为属性名
使用变量作为属性名是一个常见需求，特别是在前端开发中。例如，当我们从后端获取数据时，数据的属性名可能会动态改变，我们需要使用变量来引用这些属性名。在JavaScript中，可以使用方括号 [] 来访问对象的属性，因此可以使用变量作为方括号内的属性名。
const propertyName = "name";
const person = {
[propertyName]: "张三",
age: 18,
};
console.log(person.name); // "张三"在上面的示例代码中，我们使用 [] 运算符将变量 propertyName 的值作为属性名来创建了一个对象 person。我们可以通过 person.name 访问 name 属性。
需要注意的是，在使用变量作为属性名时，变量的值必须是字符串或可以被转换为字符串。如果变量的值无法转换为字符串，则会抛出类型错误。
对象字面量方法
除了属性名外，我们也可以使用变量来定义对象字面量中的方法名。
-- -------------------- ---- -------
----- ---------- - -----------
----- ------ - -
----- -----
---- ---
-------------- -
---------------------------------
--
--
------------------ -- ---------在上面的示例中，我们定义了一个名为 methodName 的变量来作为对象字面量中的方法名。我们可以使用这个方法名来调用对象中的函数。
总结
JavaScript允许我们使用变量作为对象字面量中的属性名和方法名。这种技术在前端开发中非常有用，因为它允许我们动态地创建对象和方法。但需要注意的是，在使用变量作为属性名时，变量的值必须是字符串或者可以转换为字符串的类型。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29303