四、jQuery其他方法

最新推荐文章于 2023-04-16 10:52:52 发布

槿川001

最新推荐文章于 2023-04-16 10:52:52 发布

阅读量40

点赞数

分类专栏： jQuery 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/qq_55891636/article/details/128101250

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

jQuery对象拷贝

jQuery插件

jQuery对象拷贝

如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用 $.extend()方法

   $(function () {
              var obj = {
                  id: 0,
                  name: 'tom',
                  mag: {
                      sex: 'boy'
                  }
              }
              var object = {
                  id: 1,
                  name: 'andy',
                  mag: {
                      age: 18
                  }
              }
              // 拷贝语法：$.extend([deep], target, object1, [objectN])
              // deep的值为true或false表示深拷贝或浅拷贝，把后面的object1拷贝给前面的target
  
              /*  // 浅拷贝false，默认是浅拷贝
               $.extend(obj, object)
               console.log(obj)
               // 浅拷贝-全部覆盖 复杂数据类型对象mag中的sex被age覆盖
               obj.mag.age = 25
               console.log(object)
               console.log(obj)
               // 浅拷贝-把后面对象的复杂数据（对象mag）拷贝给前面的对象，前面对象的所有数据被覆盖为后面对象的数据，但是更改前面对象的复杂数据（对象mag），后面对象的复杂数据（对象mag）也会一起改变，这是因为浅拷贝时，复杂数据类型拷过去的是一个地址，两人共用着同一个空间的地址 */
  
              // // 深拷贝true
              $.extend(true, obj, object)
              console.log(obj)
              // 深拷贝-不完全覆盖 复杂数据类型对象mag中的sex不会被age覆盖，可以说是追加了age到对象msg中
              obj.mag.age = 25
              console.log(object)
              console.log(obj)
              // 深拷贝中更改前面的复杂数据（对象mag）只改变他自己的数据，不会影响被拷贝的母版数据
          })

语法：$.extend([deep],target, object1, [objectN])

deep: 如果设为true 为深拷贝，默认为false 浅拷贝

target: 要拷贝的目标对象

object1:待拷贝到第一个对象的对象。

objectN:待拷贝到第N个对象的对象。

浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝对象。

深拷贝，前面加true，完全克隆(拷贝的对象,而不是地址)，修改目标对象不会影响被拷贝对象。