ES6基礎常用系列——擴展運算符...以及深拷貝淺拷貝的理解

ES6較ES5而言，增加了很多優秀的特性，不過這小腦瓜一時間也消化不了，隨用隨記吧！擴展運算符可謂是里面的重中之重了，憶起當時剛接觸vue的時候，三個點看了幾遍才弄懂一點，后來用到的時候還是忘了，重新學習的，千里之行，始於足下，且一步一個腳印...

同樣地，如果修改了原數組的成員，不會同步反映到新數組，則是深拷貝了，意思也就是說，深拷貝是單單拷貝了對象里面的值，並不是對象的存儲地址

深拷貝的實現方法

第一種簡單方法：

let cloneObj=JSON.parse(JSON.stringify(obj));

第二種：

function deepClone(obj){
    if(obj && typeof obj==="object"){
        let objClone = Array.isArray(obj)?[]:{};
        for(key in obj){
            if(obj.hasOwnProperty(key)){
                //判斷ojb子元素是否為對象，如果是，遞歸復制
                if(obj[key]&&typeof obj[key] ==="object"){
                    objClone[key] = deepClone(obj[key]);
                }else{
                    //如果不是，簡單復制
                    objClone[key] = obj[key];
                }
            }
        }
    }
    return objClone;
}

參考文檔：http://es6.ruanyifeng.com/#docs/object
參考原文：https://www.cnblogs.com/echolun/p/7889848.html
參考原文：https://blog.csdn.net/lyt_angularjs/article/details/86599820