工作生活

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

2019-07-04  本文已影响0人  白菜_37e2

解释:

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

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>

上一篇 下一篇

猜你喜欢

热点阅读