为何JavaScript对象中仅写变量名会将变量名作为属性名？

你遇到的是ES6（ECMAScript 2015）新增的对象字面量属性简写语法，这是JS的标准语法规则，并非引擎“修正”你的代码。

语法规则说明 #

当你在对象字面量中直接书写变量名时，JavaScript会自动将变量名作为对象的属性名，变量的取值作为对应属性的值，等价于显式书写键值对的形式：

你的代码：

const partId = 10;

const newTask = {
  partId,
  'text': 'baz',
  'date': '2022-03-01'
}

完全等价于：

const partId = 10;

const newTask = {
  partId: partId,
  'text': 'baz',
  'date': '2022-03-01'
}

设计合理性 #

这个语法的存在主要有以下几个原因：

• 减少冗余代码：日常开发中大量存在属性名与变量名一致的场景，比如从函数参数、解构赋值的变量中组装对象，简写能避免重复书写相同的名称，提升开发效率。
• 兼顾可读性与简洁性：在属性名和变量名一致的场景下，简写并不会降低代码可读性——开发者一眼就能理解属性名对应哪个变量，反而能减少视觉噪音。
• 符合ES6的设计趋势：ES6的诸多新特性（箭头函数、解构赋值、模板字符串等）都以简化代码为目标，这个语法是其中的一部分，旨在让代码更简洁优雅。

对你疑问的回应 #

1. 关于“明确性优先”：这个简写语法其实是在明确场景下的合理简化——只有当你需要属性名与变量名完全一致时才会使用它，并非模糊的语法。如果你的目标是创建一个没有键的“值”，那本身就不符合JS对象的语法规则（对象必须由键值对组成），这种写法会直接触发语法错误，比如：

   // 这会抛出 SyntaxError
   const invalidObj = { 10, 'text': 'baz' };
   

2. 从Python转来的适应问题：Python确实更强调“明确胜于隐晦”，但JS的这个简写语法经过多年的社区实践，已经成为主流写法，大部分JS开发者都能快速理解。你可以把它看作是Python中dict(name=name)这类简化写法的对应实现，只是JS的语法更简洁。

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