深拷贝浅谈

1. JSON.stringify 的问题

```js
// ..........JSON.stringify 的确点............

// 1. 会忽略值为 undefined、函数、Symbol
// 2. 当值为 bigint 或循环引用的时候会报错
// 3. 日期会被转成字符串、正则会被转成空对象
// 4. ...
```

2. 三个点和 Object.assign 都是浅拷贝

```js
它们都是用来进行浅拷贝的,好的地方是能拷贝 undefined、函数、Symbol、正则...
```

3. 自己实现深拷贝:递归浅拷贝

```js
const copy = (target) => {
  const type = Object.prototype.toString.call(target)
  // 正则、日期
  if (/(regexp|date)/i.test(type)) return new target.constructor(target)
  // 错误对象
  if (/error/i.test(type)) return new target.constructor(target.message)
  // 函数
  if (/function/i.test(type)) return new Function('return ' + target.toString())()
  // null 和 简单数据类型
  if (target === null || typeof target !== 'object') return target
  // 数组和对象
  /* const arr = []
  const obj = {} */
  const result = new target.constructor()
  for (const attr in target) {
    result[attr] = copy(target[attr])
  }
  return result
}
```

4. 如何循环引用

```js
const copy = (target, m = new Map()) => {
  const type = Object.prototype.toString.call(target)
  // 正则、日期
  if (/(regexp|date)/i.test(type)) return new target.constructor(target)
  // 错误对象
  if (/error/i.test(type)) return new target.constructor(target.message)
  // 函数
  if (/function/i.test(type)) return new Function('return ' + target.toString())()
  // null 和 简单数据类型
  if (target === null || typeof target !== 'object') return target
  // 数组和对象
  /* const arr = []
  const obj = {} */
  // #2 m 里面存储了 target 就直接返回
  // console.log(target, 233)

  if (m.get(target)) return m.get(target)
  const result = new target.constructor()
  // #3
  m.set(target, result)

  for (const attr in target) {
    // #4 传递 m
    result[attr] = copy(target[attr], m)
  }
  return result
};
```

5. 实际我怎么做的

```js
const o = _.cloneDeep(obj1)
```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值