频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
Object.assign合并多个JavaScript的对象教程
2018-08-10 10:37:13           
收藏   我要投稿

Object.assign 合并多个JavaScript的对象

常规用法,以及一些注意事项和说明:

ES6新添加的接口 语法:Object.assign(target,source1,source2,source3); 属于浅拷贝——>拷贝过来的只是一个引用 对象合并时,一旦碰到对象里同名属性,就会出现后面对象中的属性覆盖前面对象中的属性现象

示例

一般按如下方式写

var source1 = {
    m:'front',
    subm:'money_sign',
    action:'init',
};
var source2 = {
   account_id:'afb12',
   mp_id:'3'
}
var obj = Object.assign({}, source1, source2);
console.log(obj); 
// {m: "front", subm: "money_sign", action: "init", account_id: "afb12", mp_id: "3"}

其余用法

Object.assign 是针对Object开发的API,不仅实现简单的多个对象的合并,还可以为对象添加属性、方法等

为对象添加属性
这里写代码片
为对象添加方法
function sometest (){ }
      // 方法也是对象
      // 将两个方法添加到类的原型对象上
      // 类的实例会有这两个方法
Object.assign(sometest.prototype,{
     test1(arg1,arg2){
          console.log('this is method one='+arg1);
          console.log('this is method one='+arg2);
     },
     test2(){
         console.log('this is method two');
     }
 });
 sometest.prototype.test1('haode','2')
 sometest.prototype.test2()
 console.log(sometest.prototype)

结果:
this is method one=haode
this is method one=2
this is method two

{test1: , test2: , constructor: }
test1:  test1(arg1, arg2)
test2:  test2()
constructor:  sometest()__proto__: Object
 Object() { [native code] }
点击复制链接 与好友分享!回本站首页
上一篇:http常见的状态介绍
下一篇:完美的响应式布局vw+vh+rem屏幕适配方案教程
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站