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

  1. 合並多個對象

  2. 克隆對象(淺);

  3. 為對象添加多個方法

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM