JavaScript对象方法简写语法省略function关键字和冒号，使方法定义更简洁，this指向调用对象，可与属性简写协同使用，提升对象结构的紧凑性与可读性。
JavaScript 中函数定义本身不直接“优化对象属性”，但当你在对象内部定义方法时，ES6 提供了对象方法简写语法，能显著简化写法、提升可读性，并与对象属性简写（Property Shorthand）协同使用，让整个对象结构更紧凑自然。
对象方法简写：省掉 function 关键字和冒号
在对象字面量中，若某个属性的值是一个函数，且你不需要动态绑定 this（即不依赖调用时的上下文），就可以省略 function 关键字和冒号，直接写方法名加参数列表。
- 传统写法：
add: function(a, b) { return a + b; } - 简写写法：
add(a, b) { return a + b; }
这种写法自动将该函数绑定为对象的方法，this 指向当前对象（非箭头函数），适合常规的实例行为封装。
与对象属性简写配合使用，构建干净的数据+行为对象
当变量名和对象属性名一致时，属性简写（如 { name, age }）可和方法简写共存于同一对象中，避免重复声明，特别适合配置对象、工具对象或轻量类实例。
立即学习“Java免费学习笔记（深入）”；
- 例如构造一个用户操作对象：
const userActions = {
name,
role,
greet() { return `Hello, ${this.name}!`; },
isStaff() { return this.role === 'admin' || this.role === 'staff'; }
};
这里 name 和 role 是属性简写，greet 和 isStaff 是方法简写——两者语法独立但风格统一，整体更贴近语义表达。
注意 this 行为与箭头函数的区别
方法简写定义的函数，this 遵循标准对象方法规则：调用时由点号左侧决定（如 userActions.greet() 中 this === userActions）。这和箭头函数不同——后者不能用方法简写形式（greet: () => ... 是合法的，但属于属性赋值，不是方法简写），且会丢失对象上下文。
- ✅ 推荐：
update() { this.lastModified = Date.now(); } - ❌ 不适用于方法简写：
update: () => { this.lastModified = Date.now(); }（此时this不指向对象）
实际高频场景：组件配置、API 封装、状态管理片段
现代框架（如 Vue 的 setup、React 的自定义 Hook 返回对象）或工具库（如 Lodash 风格的工具集）常采用这种组合写法，既保持数据透明，又内聚逻辑。
- API 请求封装示例：
const api = {
baseUrl,
get(url) { return fetch(this.baseUrl + url); },
post(url, data) { return fetch(this.baseUrl + url, { method: 'POST', body: JSON.stringify(data) }); }
};
变量复用 + 方法简写，零冗余，开箱即用。
