当前位置:   article > 正文

Object.assign()方法

object.assign

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

3、Object.assign()方法的用法
(1)合并多个对象

  1. const obj1 = { name: '张三',age: 20}
  2. const obj2 = { address: '广东深圳', hobby: 'code' }
  3. const obj3 = { workingYears: 5}
  4.  
  5. const obj = Object.assign(obj1, obj2, obj3)
  6.  
  7. console.log(obj) //{ name: '张三', age: 20, address: '广东深圳', hobby: 'code', workingYears: 5}


 

(2)克隆对象(浅)

  1. const obj = { name: '张三' ,age: 20}
  2.  
  3. const obj1 = Object.assign({},obj)
  4.  
  5. console.log(obj1) //{ name: '张三' ,age: 20}


 

(3)为对象添加多个方法

  1. Object.assign(SomeClass.prototype, {
  2.   someMethod(arg1, arg2) {
  3.   },
  4.   anotherMethod() {
  5.   }
  6. });​
  7. // 原来的方法
  8. SomeClass.prototype.someMethod = function (arg1, arg2) {​
  9. };
  10. SomeClass.prototype.anotherMethod = function () {
  11. };


 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/68063
推荐阅读
相关标签
  

闽ICP备14008679号