es6 对象浅拷贝的2种方法

最新推荐文章于 2024-12-19 00:31:57 发布

转载最新推荐文章于 2024-12-19 00:31:57 发布 · 426 阅读

文章标签：

#javascript #ViewUI

本文介绍了使用ES6语法进行对象浅拷贝的方法，包括扩展运算符(...)和Object.assign()函数的应用。通过示例展示了这两种方式如何实现对象的浅复制，并验证了函数引用的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>es6 对象浅拷贝</title>
    </head>

    <body>
        <script type="text/javascript">
            var obj = {
                'data': [11, 2, 3],
                'name': 'mfg',
                fn: function() {}
            };
            var objNew = { ...obj
            };
            var objNew2 = Object.assign({}, obj);
            console.log(objNew === obj) //false
            console.log(objNew2 === obj) //false
            console.log(objNew.fn === obj.fn) //true
            console.log(objNew2.fn === obj.fn) //true
        </script>
    </body>

</html>