JavaScript中如何用变量命名创建对象？是否可行？

Hey folks! Let's tackle your two JavaScript object-naming questions step by step—super straightforward once you see the examples.

This is the most basic and common way to work with objects in JS. You just declare a variable (using const, let, or var—stick with const/let for modern code) and assign your object directly to it.

Here's a quick example:

// 创建对象并绑定到变量"myGamingConsole"
const myGamingConsole = {
  brand: 'Sony',
  model: 'PlayStation 5',
  storage: '1TB'
};

// 之后就能通过变量名访问对象的属性啦
console.log(myGamingConsole.model); // 输出: PlayStation 5

Just make sure your variable name follows JavaScript's identifier rules: can't start with a number, can't use reserved keywords (like function, let), and can include letters, numbers, underscores, or dollar signs.

Great question—this is totally feasible, and there are two main scenarios you might be referring to. Let's break both down:

场景1：用变量的值作为对象的属性名（动态键名） #

If you want an object's property name to be determined by a variable's value, ES6 introduced a super handy syntax using square brackets [] when defining the object.

Example:

// 定义存储属性名的变量
const featureKey = 'refreshRate';
const monitor = {
  brand: 'Dell',
  size: '27-inch',
  [featureKey]: '144Hz' // 这里会把featureKey的值作为属性名，也就是"refreshRate: '144Hz'"
};

console.log(monitor.refreshRate); // 输出: 144Hz

The square brackets tell JS to evaluate the variable inside and use its value as the property name. This is the cleanest, most recommended way for dynamic property names.

场景2：用变量的值作为绑定对象的变量名（动态变量名） #

If you mean creating a variable whose name is the value of another variable, this is possible but not recommended for most cases (it can make code hard to debug and maintain). Instead of polluting your scope with dynamic variables, use a container object to hold these dynamic entries:

// 存储想要的变量名的变量
const deviceName = 'myLaptop';
// 用一个容器对象来管理动态命名的对象
const deviceCollection = {};

// 把变量值作为键，对象作为值存入容器
deviceCollection[deviceName] = {
  brand: 'Apple',
  model: 'MacBook Pro',
  ram: '16GB'
};

// 通过容器访问对象
console.log(deviceCollection.myLaptop); // 输出: { brand: 'Apple', model: 'MacBook Pro', ram: '16GB' }

If you absolutely need to create a dynamic variable in the global scope (only do this if you have no other option), in browsers you can use the window object:

const globalVarName = 'myPhone';
window[globalVarName] = { brand: 'Samsung', model: 'Galaxy S24' };
console.log(myPhone); // 在浏览器中会输出这个对象

Again, stick with the container object approach—it's safer and more predictable.

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