对象字面量属性简写与箭头函数是独立语法，可共存但不可混用于同一位置；属性简写仅作用于对象创建时的变量名匹配赋值，箭头函数则影响this绑定与参数处理，二者语义无关。
对象字面量属性简写（如 { name, age }）和箭头函数（如 () => {}）是两个独立语法特性，它们可以共存，但**不能混用在同一个位置**——尤其在迭代器助手（如 map、filter、reduce）内部时，容易因语义混淆而误判行为差异。关键不在“配合”，而在于：谁在定义对象？谁在定义函数？作用域和 this 如何流动？
属性简写只发生在对象创建时，不改变函数类型
属性简写只是初始化对象的语法糖，不影响其中值的类型：
-
const name = 'Tom'; const user = { name };→user.name是字符串，和name值相同，无函数行为 - 若你写
const users = list.map(item => ({ id: item.id, name: item.name }))，这里({ ... })是带圆括号的**对象字面量**，不是箭头函数体；里面的id: item.id是普通属性赋值，不是简写（除非变量名恰好叫id且已存在） - 若真用属性简写：
const id = item.id; const name = item.name; return { id, name };—— 这和是否在map里无关，只是写法更紧凑
箭头函数在迭代器中决定 this 和参数绑定方式
迭代器助手（如 map）接收一个回调函数。若该回调是箭头函数，则：
-
this固定继承外层作用域，不会随map内部调用上下文变化 - 没有
arguments对象，但可用剩余参数(...args) - 若你在箭头函数里返回对象字面量，必须加括号避免语法歧义：
item => ({ id: item.id })（否则{}被解析为函数体） - 它和属性简写完全无关：哪怕你写
item => ({ id: item.id, name: item.name })或item => { const { id, name } = item; return { id, name }; }，只要返回的是对象，结构一致，运行结果没差别
真正容易出错的组合：方法简写 + 箭头函数 + 迭代器
这不是属性简写的问题，而是常见误写：
- ❌ 错误写法：
const obj = { items: [1,2], getDoubled: () => this.items.map(x => x * 2) };
→ 箭头函数导致this不指向obj，this.items通常是undefined - ✅ 正确写法（方法简写）：
const obj = { items: [1,2], getDoubled() { return this.items.map(x => x * 2); } };
→ 普通函数，this动态绑定，调用时指向obj - ✅ 或用普通函数表达式：
getDoubled: function() { return this.items.map(x => x * 2); }
识别要点：看花括号属于谁
在迭代器回调中快速判断：
-
list.map(x => ({ a: x }))→ 外层=>是箭头函数，内层({...})是对象字面量（带圆括号），a: x是属性赋值 -
list.map(function(x) { return { a: x }; })→ 外层是普通函数，内层{ a: x }是对象字面量，a: x同样是赋值 -
list.map(({ id }) => ({ id }))→ 左侧({ id })是参数解构，右侧({ id })是属性简写对象，二者共存但互不干扰
