快面试了还不知道深仿制，浅仿制？面试官这么问，你就这么答

哈喽哈喽，我是你们的金樽清酒。马上就到金三银四的面试潮了。咱们都预备好了面试的内容嘛。最近我的小伙伴就面试了一个大型公司，被面试官狠狠的折磨了一下，当然面试这个东西肯定是越面越勇的，所以掘友们也不要担心。来让咱们一同回忆一下js的考点，争取让面试官刮目相看。

面试官让你谈一谈深仿制和浅仿制？

当碰到面试官叫你谈谈某个东西的时分。小伙伴们是不是千言万语堵在心里可是说不上来，由于这个的答复规模太广了，让咱们无从下手，可是呢，其实这个问题是有模板能够套进去的，帮助咱们的语言表达。

• 首先谈是什么，咱们能够谈谈什么是深仿制和浅仿制以及差异，深浅仿制一般只针对引证类型。浅仿制：只仿制一层目标，仿制这一层目标中的原始值，假如有引证类型的话，就仿制它的指针。 深仿制：层层仿制，一切类型的特点值都会被仿制，原目标的修正不会影响仿制后的目标。这便是深仿制和浅仿制的差异。

• 怎么完成浅仿制 js当中的assign,concat,slice,解构等办法都能够完成浅仿制的效果。咱们能够测验一下。由于浅仿制只会仿制一层目标，仿制这一层目标的原始值，所以假如再有一层目标只会仿制引证地址，所以修正嵌套目标里边的值，仿制目标里边的值也会产生改动。这个也涉及到js的预编译阶段。引证数据类型要额定的用堆结构来存储，而在大局履行上下文里边变量的值是这个引证地址。目标里边产生了改动，又是仿制同一个引证地址，所以仿制后的目标里边的值也会产生改动。

简单的描述一下 怎么手写一个完成浅仿制的函数

function shallowCopy(obj) {
    let newObj = {}
    for (let key in obj) {
        if (obj.hasOwnProperty(key))
            newObj[key] = obj[key]
    }
    return newObj
}//浅仿制办法

完成的原理是什么呢？诶，仿制嘛，那便是仿制一份。那咱们肯定要遍历一遍原目标，用另一个空目标来存值。而且仿制有一个准则便是不会仿制隐式原型上面的办法，所以咱们要用hasOwnProperty来判别是否为自有特点，然后赋值，return 出仿制的新目标，这便是完成浅仿制的办法。

让咱们测验一下

let obj = {
    a: 1,
    b: {
        n: 2
    }
}
let obj2 = shallowCopy(obj)
function shallowCopy(obj) {
    let newObj = {}
    for (let key in obj) {
        if (obj.hasOwnProperty(key))
            newObj[key] = obj[key]
    }
    return newObj
}//浅仿制办法
obj.b.n = 3
console.log(obj2)

• 怎么完成深仿制 目前完成深仿制的办法有且只有一个，JSON.parse(JSON.stringify(obj))通过这个办法先将js目标转换为JOSNZ字符串，再将JSON字符串转换为js目标来完成深仿制。深仿制是层层仿制，并不是仿制引证地址，所以后面修正值不会影响仿制的目标。

手写一个深仿制函数

function deepCopy(obj) {
    let newObj = {}
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            if (typeof obj[key] !== 'object' || obj[key] === null) {
                newObj[key] = obj[key]
            } else {
                newObj[key] = deepCopy(obj[key])
            }
        }
    }
    return newObj

最简单的原理便是递归，咱们说浅仿制只能仿制一层目标，那么咱们就无限调用，用递归的办法，直到不是目标，将一切的内容都仿制掉。可是仍是一个准则，只仿制自有特点，不仿制隐式原型上的特点。所以要用hasOwnProperty办法判别是不是自有特点。然后判别类型，是目标递归，不是目标直接仿制，return newObj。

测验一下

let obj = {
    a: 1,
    b: {
        n: 2
    }
}
let obj2 = deepCopy(obj)
function deepCopy(obj) {
    let newObj = {}
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            if (typeof obj[key] !== 'object' || obj[key] === null) {
                newObj[key] = obj[key]
            } else {
                newObj[key] = deepCopy(obj[key])
            }
        }
    }
    return newObj
}//深仿制的办法
console.log(obj2)

let obj = {
    a: 1,
    b: {
        n: 2
    }
}
let obj2 = deepCopy(obj)
function deepCopy(obj) {
    let newObj = {}
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            if (typeof obj[key] !== 'object' || obj[key] === null) {
                newObj[key] = obj[key]
            } else {
                newObj[key] = deepCopy(obj[key])
            }
        }
    }
    return newObj
}//深仿制的办法
console.log(obj2)
obj.b.n=4

总结

好了，面试官让咱们谈一谈的仿制也完成了，咱们顺畅的达到了关于仿制的每一个点。首先说理解什么是仿制，深仿制和浅仿制的差异。怎么完成深仿制浅仿制。怎么手写一个深仿制和浅仿制出来。