开发者社区开发与运维文章正文

前端学习案例-Es6深拷贝，weakMap解决拷贝死循环问题

2022-09-20 104

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 前端学习案例-Es6深拷贝，weakMap解决拷贝死循环问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES6</title>
</head>
<body>
    <!-- function -->
    <script>
        function deepClone(origin,hasMap=new WeakMap()){
            if(origin==undefined&&typeof origin!=="object"){
                return origin;
            }
            if(origin instanceof Date){
                return new Date(origin)
            }
            if(origin instanceof RegExp){
                return new RegExp(origin)
            }
            const hashKey=hasMap.get(origin)
            // const target = new origin.constructor();
            if(hashKey){
                return hashKey
            }
            hasMap.set(origin,target)
            for(let k in origin){
                if(origin.hasOwnProperty(k)){
                    target[k]=deepClone(origin[k],hasMap)
                }
            }
            return target
        }
    </script>
</body>
</html>

文章标签：

前端开发

关键词：

前端学习

前端案例

前端es6

前端深拷贝

前端拷贝

前端歌谣

叫个什么名字

1月前

移动开发前端开发 JavaScript

从零开始学习前端开发：入门指南

本文将介绍从零开始学习前端开发的入门指南。通过学习HTML、CSS和JavaScript等基础知识，读者将了解前端开发的基本概念和工具，并学会如何构建简单的网页应用程序。无论您是初学者还是有一定经验的开发人员，本文都将帮助您打下坚实的前端开发基础。

叫个什么名字

21 0 0

穆雄雄.

2月前

JavaScript 前端开发 Java

纯前端JS实现人脸识别眨眨眼张张嘴案例

穆雄雄.

53 0 0

游客762btuqu5wybw666

3月前

存储开发框架前端开发

从零开始学习前端开发

前端开发是现代互联网应用程序开发中不可或缺的一部分。本文将带您从零开始学习前端开发，包括HTML、CSS和JavaScript等核心技术，以及常见的开发框架和工具。

游客762btuqu5wybw666

23 2 2

shigen

25天前

前端开发 JavaScript Java

通过学习mayfly，我学会了前端如何优雅设计字典值

`shigen`是一位擅长多种编程语言的博主，他在探索[mayfly-go](https://juejin.cn/post/7319365035552309248)项目后，发现了对枚举值管理的优雅设计。他分享了如何将字典和枚举值结构化，使用Vue+typescript实现更易维护的代码。通过创建`TagType`和`EnumValue`类，以及提供静态方法，实现了模块化和简洁的字典处理。示例展示了如何在页面中高效引用和显示字典数据，提高了代码的可读性和可维护性。

shigen

18 3 3