var obj = {
name:'张三',
age:20,
sax:{
goods:20
},
arr:[1,2,3]
}
// 深拷贝第一种写法
function deepClone(origin, tar){
// 判断源对象的类型
// var target = tar || (Object.prototype.toString.call(origin) === '[object Array]' ? [] : {})
var target = tar || new origin.constructor()
// 循环遍历origin
for(let key in origin){
// 判断key属性是否是自身的属性
if(origin.hasOwnProperty(key)){
// 如果是自身的属性
// 继续判断当前属性值的类型
if(typeof origin[key] === 'object' && origin[key] !== null){
// 说明这个属性值就是对象或者数组
target[key] = Object.prototype.toString.call(origin[key]) === '[object Array]' ? [] : {}
deepClone(origin[key],target[key])
}else{
// 说明属性值是一个简单数据类型
target[key] = origin[key]
}
}
}
return target
}
// 第二种写法
function deepClone2(origin){
// 判断origin数据结构
if(origin == undefined || typeof origin !== 'object'){
return origin
}
let target = new origin.constructor()
for(let key in origin){
target[key] = arguments.callee(origin[key])
}
return target
}
// 第三种写法
function deepClone3(origin, target = {}){
for(var key in origin){
if(origin[key] instanceof Array){
target[key] = []
deepClone3(origin[key], target[key])
}else if(origin[key] instanceof Object){
target[key] = {}
deepClone3(origin[key], target[key])
}else{
target[key] = origin[key]
}
}
return target
}
注:arguments.callee,指向arguments当前的函数,在非严格模式下是没问题的,但是在严格模式下会报错,首先为什么要用 arguments.callee 这个指呢,是因为了这个东西是为了解耦,如果外部的函数名修改了,内部就会报错,用了arguments.callee以后就不怕外部的函数名变化了。
但是在严格模式下就使用另外一种形式了,如果大家有兴趣的话,可以私聊我