博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Object.assign()方法
阅读量:2240 次
发布时间:2019-05-09

本文共 1485 字,大约阅读时间需要 4 分钟。

转载:

对象的扩展

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();//zhangsan11     nObj.sayName();//lisi12     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:324       };//相同的属性名有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 () {
    };

转载于:https://www.cnblogs.com/zhaobao1830/p/7183311.html

你可能感兴趣的文章
Jmeter之参数化
查看>>
Shell 和Python的区别。
查看>>
【JMeter】1.9上考试jmeter测试调试
查看>>
【虫师】【selenium】参数化
查看>>
【Python练习】文件引用用户名密码登录系统
查看>>
学习网站汇总
查看>>
【Loadrunner】性能测试报告实战
查看>>
【自动化测试】自动化测试需要了解的的一些事情。
查看>>
【selenium】selenium ide的安装过程
查看>>
【手机自动化测试】monkey测试
查看>>
【英语】软件开发常用英语词汇
查看>>
Fiddler 抓包工具总结
查看>>
【雅思】雅思需要购买和准备的学习资料
查看>>
【雅思】雅思写作作业(1)
查看>>
【雅思】【大作文】【审题作业】关于同不同意的审题作业(重点)
查看>>
【Loadrunner】通过loadrunner录制时候有事件但是白页无法出来登录页怎么办?
查看>>
【English】【托业】【四六级】写译高频词汇
查看>>
【托业】【新东方全真模拟】01~02-----P5~6
查看>>
【托业】【新东方全真模拟】03~04-----P5~6
查看>>
【托业】【新东方托业全真模拟】TEST05~06-----P5~6
查看>>