js 深拷贝

第一种方法 JSON.parse(JSON.stringify())

局限是无法克隆Function,undefined,null类型的

let obj1= {
        name:'Chandler Wong! ',
        feature:{
            hobby:['jazz','dance','guitar','football'],
            language: ['Chinese','English','Spanish'],
            explain:function (){
                let initData = 'I like '
                this.hobby.forEach(item => {
                    initData += item + ','
                })
                this.language.forEach((item,index) => {
                    if(index < this.language.length - 1) {
                        initData += item+','
                    }else {
                        initData+='and '+ item + '.'
                    }

                })
                return initData
            },
            other:{
                liveCity:{
                    residence1: 'HuangGang',
                    residence2:'WuHan',
                    address: 'BeiJing'
                }
            }
        },
        major:['computer science','history'],
        introduce:function (){
            return 'Hello everybody,my name is '+this.name+this.feature.explain()
        },
        otherParam:[undefined,null,[],{},0,1,true,false]
    }
　　// 第一种方法 JSON.parse(JSON.stringify())
    const obj2=JSON.parse(JSON.stringify(obj1))
    // JSON.parse(JSON.stringify())的局限是无法克隆类型为Function,undefined,null
    console.log('【第一种方法 JSON.parse(JSON.stringify())】')
    console.log('获取feature里边的explain方法',obj1.feature.explain())
    console.log('获取introduce方法',obj1.introduce())
    console.log('这是obj1',obj1)
    console.log('这是拷贝自obj1的obj2',obj2)

 第二方法，递归

function deepClone(sourceObj){
        if(!sourceObj && typeof sourceObj != 'object') {
            throw new Error('This is not object or sourceObj is empty!')
        }
        const targetObj = sourceObj.constructor === Array ? [] : {}
        Object.keys(sourceObj).forEach(item => {
            if(sourceObj[item] && typeof sourceObj[item] === 'object'){
                targetObj[item] = deepClone(sourceObj[item])
            }else {
                targetObj[item] = sourceObj[item]
            }
        })
        return targetObj
    }
   const obj3 = deepClone(obj1)
    console.log('这是deepClone',obj3)