Object.assign复制:合并对象

<template>
  <div>
    <el-button>Object.assign复制:合并对象</el-button>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {};
  },
  methods: {
    //1 对象合并
    getRefreshCodeFun1() {
      let obj1 = {
        name: "Mr.Lee",
        age: 100,
      };
      let obj2 = {
        name: "Mr.Wang",
        age: 200,
        gender: "女",
      };
      let obj3 = {
        gender: "男",
      };
      let obj4 = Object.assign(obj1, obj2, obj3);
      console.log(obj4);
      //{name: 'Mr.Wang', age: 200, gender: '男'}，后面的会覆盖前面前面相同属性名的对象
    },
    //2 对象复制拷贝
    getRefreshCodeFun2() {
      let obj1 = {
        name: "Mr.Lee",
        age: 100,
      };

      let obj4 = Object.assign(obj1);
      console.log(obj4);
      obj4.age = 99;
      console.log(obj4, obj1, obj1 == obj4, obj1 === obj4);
      // obj1 === obj4 是true；可以看出，修改obj4，obj1的age也被修改了，说明是浅拷贝
    },
  },
  mounted() {
    this.getRefreshCodeFun1();
    this.getRefreshCodeFun2();
  },
};
</script>

<style scoped></style>