写一篇ES6 对象拓展笔记 附带代码 写多一点

当我们使用ES6对象拓展时，可以更加简洁和灵活地操作对象。下面是更多关于ES6对象拓展的笔记和代码示例：

1. 合并对象和覆盖属性：
ES6对象拓展允许我们合并多个对象并覆盖属性。这对于创建新的对象或更新现有对象非常有用。

const person = { name: "John", age: 30 };
const additionalInfo = { city: "New York", profession: "Developer" };

const mergedPerson = { ...person, ...additionalInfo };

console.log(mergedPerson);
// 输出：{ name: "John", age: 30, city: "New York", profession: "Developer" }

2. 动态设置属性：
ES6对象拓展使我们能够动态设置属性，这对于根据不同情况设置对象的属性非常有用。

const propName = "name";
const propValue = "John";

const person = {
  [propName]: propValue
};

console.log(person);
// 输出：{ name: "John" }

3. 对象方法的简写：
ES6对象拓展还允许我们以更简洁的方式定义对象方法。

const person = {
  name: "John",
  age: 30,
  
  sayHello() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

person.sayHello();
// 输出：Hello, my name is John and I'm 30 years old.

4. 克隆对象：
ES6对象拓展提供了一种简单的方式来克隆一个对象。

const person = { name: "John", age: 30 };
const clonedPerson = { ...person };

console.log(clonedPerson);
// 输出：{ name: "John", age: 30 }

5. 合并数组到对象属性：
ES6对象拓展允许我们将数组合并到对象的属性中。

const hobbies = ["reading", "painting", "coding"];

const person = {
  name: "John",
  age: 30,
  hobbies: [...hobbies]
};

console.log(person);
// 输出：{ name: "John", age: 30, hobbies: ["reading", "painting", "coding"] }

这些是关于ES6对象拓展的更多笔记和代码示例。ES6对象拓展提供了一种简洁、灵活和有用的方式来操作和创建对象。希望对你有所帮助！