【无标题】

最新推荐文章于 2024-02-17 12:36:47 发布

Natsume0

最新推荐文章于 2024-02-17 12:36:47 发布

阅读量88

点赞数

分类专栏：知识补充文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_41648985/article/details/127436940

版权

知识补充专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js 深拷贝代码实现

- 代码实现
- 运行截图

代码实现

const referenceTypes = { // 可存放多中类型的引用类型需要递归判断是否需要继续克隆
  'Date': Date,
  'Function': Function,
  // 'Map': Map,
  // 'Set': Set,
  // 'WeakMap': WeakMap,
  // 'WeakSet': WeakSet,
  'RegExp': RegExp,
  // 'Array': Array,
  'Error': Error
};

function getType(target) {
  return Object.prototype.toString.call(target)?.match(/[a-zA-Z]*(?=\])/)[0];
}

function deepClone1(target, hash = new WeakMap()) {
  if (target === null) return target // 如果是 null 就不进行拷贝操作
  const type = getType(target);
  if (referenceTypes[type]) {
    return new referenceTypes[type](target);
  }
  if (typeof target !== 'object') return target;


  if (hash.get(target)) return hash.get(target) // 避免循环引用
  const cloneTarget = new target.constructor();
  hash.set(target, cloneTarget);

  Reflect.ownKeys(target).forEach((key) => {
    cloneTarget[key] = deepClone(target[key], hash);
  });
  return cloneTarget;
}