es6 对象浅拷贝的2种方法

Posted 2020-11-03 web前端开发技术

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了es6 对象浅拷贝的2种方法相关的知识，希望对你有一定的参考价值。

<!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>

以上是关于es6 对象浅拷贝的2种方法的主要内容，如果未能解决你的问题，请参考以下文章