Object.assign()方法

对象的扩展
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()方法
特点:浅拷贝、对象属性的合并

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()方法的用法

合并多个对象

克隆对象(浅);

为对象添加多个方法

Object.assign(SomeClass.prototype, {
  someMethod(arg1, arg2) {
  },
  anotherMethod() {
  }
});​
// 原来的方法
SomeClass.prototype.someMethod = function (arg1, arg2) {​
};
SomeClass.prototype.anotherMethod = function () {
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值