s - object.assign 以及浅、深拷贝

浅（引用）拷贝：共用同一内存地址,你改值我也变

譬如常用的对象赋值操作

 

深拷贝：深拷贝即创建新的内存地址保存值(互不影响)

譬如以下

1 2 3

const shallBasicCopy = obj => {   JSON.parse(JSON.stringify(obj)) }

 

* 优点:能正确处理的对象只有Number、String、Array等能够被json表示的数据结构

* 缺点:函数这种不能被json表示的类型将不能被正确处理

 

关于object.assign的梗（对象深、浅拷贝）

有些人说深拷贝，有些人说浅拷贝，也不见的谁错或对（某些特定情况下）

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

// 深拷贝 let srcObj = {   'name': 'lilei',   'age': '20' };   let copyObj2 = Object.assign({}, srcObj, {   'age': '21' });   copyObj2.age = '23';   console.log('srcObj', srcObj); //{ name: 'lilei', age: '22' }       // 浅拷贝 srcObj = {   'name': '明',   grade: {     'chi': '50',     'eng': '50'   } }; copyObj2 = Object.assign({}, srcObj); copyObj2.name = '红'; copyObj2.grade.chi = '60'; console.log('新 objec srcObj', srcObj); // { name: '明', grade: { chi: '60', eng: '50' } }

 

梗就在这里：

从例子中可以看出，改变复制对象的name 和 grade.chi ，源对象的name没有变化，但是grade.chi却被改变了。因此我们可以看出Object.assign()拷贝的只是属性值，假如源对象的属性值是一个指向对象的引用，它也只拷贝那个引用值。 
也就是说，对于Object.assign()而言, 如果对象的属性值为简单类型（string， number），通过Object.assign({},srcObj);得到的新对象为‘深拷贝’；如果属性值为对象或其它引用类型，那对于这个对象而言其实是浅拷贝的。这是Object.assign()特别值得注意的地方。 
多说一句，Object.assign({}, src1, src2); 对于scr1和src2之间相同的属性是直接覆盖的，如果属性值为对象，是不会对对象之间的属性进行合并的

 

对象深拷贝可以利用第三方：underscore 实现

 

 

数组的浅、深拷贝也是如此！

 

 

 

 

 

 

详情可以看MDN，文章转载于：https://segmentfault.com/a/1190000014107100