JS中如何克隆对象(深克隆浅克隆递归克隆)

const cat = {
  name: '薛定谔',
  girlFriends: { name: '龙猫' }
}

const newCar = cat
newCat.name = '柴郡猫'

console.log(newCat.name) //=> 柴郡猫
console.log(cat.name) //=> 柴郡猫

const newCat = { ...cat }

newCar.name = '柴郡猫'
console.log(newCat.name) //=> 柴郡猫
console.log(cat.name) //=> 薛定谔

newCat.girlFriends.name = '加菲猫'
console.log(newCat.girlFriends.name) //=> 加菲猫
console.log(cat.girlFriends.name) //=> 加菲猫

const newCat = Object.assign({}, cat)

const newCat = JSON.parse(JSON.stringify(cat))

newCat.name = '柴郡猫'
console.log(newCat.name) //=> 柴郡猫
console.log(cat.name) //=> 薛定谔

newCat.girlFriends.name = '加菲猫'
console.log(newCat.girlFriends.name) //=> 加菲猫
console.log(cat.girlFriends.name) //=> 龙猫

// Date 对象会变成字符串
JSON.parse(JSON.stringify({ now: new Date() }))
// {now: '2022-07-14T13:21:36.761Z'}
// undefined 对应属性人间蒸发
JSON.parse(JSON.stringify({ girlFriends: undefined }))
//=> {}
// 无法克隆 Set
JSON.parse(JSON.stringify({ set: new Set([9]) }))
//=> { set: {} }
// 无法克隆 Symbol
JSON.parse(JSON.stringify({ symbol: Symbol('996') }))
//=> {}
// 无法克隆正则
JSON.parse(JSON.stringify({ regex: /996/i }))
//=> {}
// 无法克隆 BigInt
JSON.parse(JSON.stringify({ bigint: 996n }))
//=> 未捕获类型错误：无法序列化 BigInt

structuredClone({ regex: /996/i, set: new Set([9]) })
//=> { regex: /996/i, set: Set(1) {9}}