美文网首页工作生活
$.extend(true,{},a,b)解析

$.extend(true,{},a,b)解析

作者: 白菜_37e2 | 来源:发表于2019-07-04 18:27 被阅读0次

    解释:

    函数用于将一个或者多个对象组合合并到目标对象

    true:是否深度拷贝,不fale 浅拷贝

    a

    b

    浅拷贝:

    原对象发生改变,规则:a对象和b对象相同的部分,b覆盖a,不同的部分,a保留,b追加到a中

    深拷贝

    b不是像浅拷贝一样属性中的对象分数完全被覆盖,而是分数对象中的属性b覆盖a中相同的,b不同的追加,a中的保留


    贴上全部代码 ,方便自己查阅

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>Document</title>

        <style type="text/css">

        </style>

    </head>

    <body>

        <div class="block">

            <div class="menu">

            </div>

        </div>

    </body>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

    <script>

        var defaults = {

            name: "张三",

            age: 18,

            sex: "true",

            scores: {

                chinese: 70,

                science: 100

            }

        };

        var options = {

            name: "李四",

            age: 20,

            scores: {

                chinese: 98,

                math: 99,

                english: 100

            }

        };

        var settings = $.extend(true,{},defaults, options);

        console.log(defaults);

        console.log(options);

        console.log(settings);

    </script>

    </html>

    相关文章

      网友评论

        本文标题:$.extend(true,{},a,b)解析

        本文链接:https://www.haomeiwen.com/subject/satdhctx.html