码迷,mamicode.com
首页 > 其他好文 > 详细

Object.assign()方法

时间:2017-07-15 17:45:56      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:str   size   end   cti   对象   log   lis   引用   声明   

转载:http://www.cnblogs.com/zhaowenxin/p/6160676.html

对象的扩展

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

 1 var name = "zhangsan";
 2     var password = "1111111";
 3     var obj = {
 4        name,
 5        password,
 6        arr:[1,2,3,4],
 7        sayName(){
 8           console.log(this.name);
 9        }
10     };
11     console.log(obj);
12     var obj1 = {
13        age:20,
14     };

 

2.Object.assign()方法

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

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

Object.assign()方法

标签:str   size   end   cti   对象   log   lis   引用   声明   

原文地址:http://www.cnblogs.com/zhaobao1830/p/7183311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!