码迷,mamicode.com
首页 > 其他好文 > 详细

Object.assign()

时间:2017-12-03 15:34:14      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:false   对象   developer   als   语法   val   完成   克隆   style   

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

说明

Object.assign()方法将所有可枚举属性的值从一个或多个源对象复制到目标对象,然后返回目标对象

语法

   Object.assign(target,..sources);

参数

   target:目标对象

  sources:源对象

返回值

  target:目标对象

例子:

1.使用Object.assgin()进行浅克隆

  //创建源对象
    var source = {a:1};
    //创建目标对象
    var target = {};
    //使用Object.assign进行复制
    var copyObj = Object.assign(target,source);
    
    console.log("copyObj:"+JSON.stringify(copyObj));      //{a:1}
    console.log("target===copyObj:"+(copyObj==target));   //true

 

     从上面两个输出可以得到Object.assign方法的说明结论 。

       1.assign进行了对象复制

       2.返回对象既是目标对象

2.使用Object.assgin()+JSON进行深克隆

     单纯使用Object.assgin()方法复制对象我们只能复制对象中的值属性,而对于对象中引用属性,我们只能复制其引用

    //创建源对象
    var source = {a:1,b:{c:2}};
    //创建目标对象
    var target = {};
    //使用Object.assign进行复制
    var copyObj = Object.assign(target,source);
    console.log("copyObj:"+JSON.stringify(copyObj));                //{"a":1,"b":{"c":2}}
    console.log("target.b===copyObj.b:"+(source.b==copyObj.b));     //true

 

       那么js该怎么实现深度克隆呢,我们可以使用JSON来实现  

 //创建源对象
    var source = {a:1,b:{c:2}};
    //创建目标对象
    var target = {};
    //使用Object.assign进行浅复制
    var copyObj = Object.assign(target,source);
    //将copyObj序列成JSON字符串
    var copyString = JSON.stringify(copyObj);
    //然后再将其JSON字符串转换为对象,这样深度克隆
    copyObj = eval(‘(‘+copyString+‘)‘);
    console.log("copyObj:"+JSON.stringify(copyObj));              //{"a":1,"b":{"c":2}}
    console.log("source.b===copyObj.b:"+(source.b==copyObj.b));   //false

 

      上面我们可以看出实现方式是将其转化为JSON字符串,然后再转成对象,就可完成深度克隆

 

Object.assign()

标签:false   对象   developer   als   语法   val   完成   克隆   style   

原文地址:http://www.cnblogs.com/yan7/p/7966141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!