入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

Object.assign()方法

创建时间:2017-04-26 投稿人: 浏览次数:26325

对象的扩展

1.ES6中,对象的属性和方法可简写:对象的属性值可不写,前提是属性名已经声明;

复制代码
    var name = "zhangsan";
    var password = "1111111";
    var obj = {
       name,
       password,
       arr:[1,2,3,4],
       sayName(){
          console.log(this.name);
       }
    };
    console.log(obj);
    var obj1 = {
       age:20,
    };
复制代码

 

2.Object.assign()方法

特点:浅拷贝、对象属性的合并

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 var nObj = Object.assign({},obj,obj1);//花括号叫目标对象,后面的obj、obj1是源对象。对象合并是指:将源对象里面的属性添加到目标对象中去,若两者的属性名有冲突,后面的将会覆盖前面的     // console.log(nObj);     // obj.sayName();//zhangsan     // nObj.sayName();//zhangsan     nObj.name = "lisi";     nObj.sayName = function(){       console.log(this.name);     };     console.log(nObj);     obj.sayName();//zhangsan     nObj.sayName();//lisi     nObj.arr[0] = 10;     console.log(obj);//[10,2,3,4]     console.log(nObj); //[10,2,3,4]     //说明是浅拷贝,若要深拷贝,请考虑以前的方法(只是将源对象的引用给目标对象)     //【注意】:当Object.assign()方法用于数组时:      var arr11 = Object.assign([1,2,3],[4,5]);      console.log(arr11);//[4,5,3]      //[说明]:对象是根据属性名来对应,数组是根据索引号来对应,相当于       var arr23 = {          0:1,          1:2,          2:3       };//相同的属性名有0、1,后面的覆盖前面的.

  

Object.assign()方法的用法

  1. 合并多个对象

  2. 克隆对象(浅);

  3. 为对象添加多个方法

    Object.assign(SomeClass.prototype, {
      someMethod(arg1, arg2) {
      },
      anotherMethod() {
      }
    });​
    // 原来的方法
    SomeClass.prototype.someMethod = function (arg1, arg2) {​
    };
    SomeClass.prototype.anotherMethod = function () {
    };
  4.  

声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。