zoukankan      html  css  js  c++  java
  • Object.assign()方法

    转载: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 () {
      };
  • 相关阅读:
    JAVAEE网上商城项目总结
    色盲小游戏
    jQuery(动画效果)
    Oracle exp,imp,expdp,impdp数据导入导出
    Sysbench压力测试工具简介和使用(二)
    Sysbench压力测试工具简介和使用(一)
    Eclipse常用快捷键汇总
    常用数据库连接URL地址大全
    H2数据库使用
    DbVisualizer 解决中文乱码问题
  • 原文地址:https://www.cnblogs.com/zhaobao1830/p/7183311.html
Copyright © 2011-2022 走看看