ES6 对象新增特性(第三篇):方法简写与`Object.assign`

116 阅读1分钟

ES6 在对象方面的改进不仅限于增强字面量和解构赋值,还包括了方法简写和 Object.assign 方法。这些特性进一步提高了代码的可读性和效率,特别是在处理对象合并、克隆和扩展时。

方法简写

ES6 允许在对象字面量中使用方法简写,无需书写 function 关键字。

示例

let person = {
    name: 'Alice',
    greet() {
        console.log('Hello!');
    }
};
person.greet(); // 输出: Hello!

Object.assign

Object.assign 方法可以将所有可枚举属性的值从一个或多个源对象复制到目标对象,并返回目标对象。

合并对象

let obj1 = { a: 1 };
let obj2 = { b: 2 };
let merged = Object.assign({}, obj1, obj2);
console.log(merged); // 输出: { a: 1, b: 2 }

克隆对象

let original = { a: 1, b: 2 };
let clone = Object.assign({}, original);
console.log(clone); // 输出: { a: 1, b: 2 }

添加属性到对象

let obj = { a: 1 };
Object.assign(obj, { b: 2 }, { c: 3 });
console.log(obj); // 输出: { a: 1, b: 2, c: 3 }

使用场景

  • 对象合并Object.assign 可以用于合并多个对象。
  • 对象克隆:创建一个对象的浅拷贝。
  • 添加或修改属性:向现有对象添加新属性或修改现有属性。

注意事项

  • Object.assign 执行的是浅拷贝,不会复制对象内部的深层结构。
  • 如果源对象中的属性值为 undefinednull,它们将被忽略,但其他假值(如 0''false)将被正常复制。
  • 在合并对象时,相同的属性会被后面的源对象覆盖。

ES6 中的这些方法简写和 Object.assign 增强了对象的操作能力,使得在日常开发中处理对象变得更加简洁和高效。在接下来的文章中,我们将继续探讨 ES6 中其他关于对象的新特性和方法。