美文网首页工作生活
$.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