jQuery中extend()和fn.extend()方法详解

2020-05-22 17:07:11易采站长站整理


    // Never move original objects, clone them
     target[ name ] = jQuery.extend( deep, clone, copy );

然后把源对象的当前属性值(是数组或对象)和已经被改造过的目标对象的当前属性进行递归合并最后返回的新的数组或者对象赋值给目标对象,最终实现了深度复制。

但是这里面还有一个比较奇怪的现象,比如这样操作:


      console.log($.extend({a:1},’aa’)); //Object {0: “a”, 1: “a”, a: 1}

原来源对象不一定真的是对象e而且居然可以把字符串拆开跟目标对象合并,原来for…in循环是操作字符串的


      var str=’aa’;
      for(var name in str){ 
         console.log(name);
         console.log(str[name])
      }

这样也是可以的,会把字符串拆开按数字下标读取,但是在源码中


if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) )

是有数组和对象限制的,那么深度复制的时候是不是就没有效果了呢?

经过我测试深度复制也是可以的,因为在源码里面copy的值竟然变成了匿名函数函数

 alert(jQuery.isPlainObject(copy)); //true

至于为什么是函数笔者还没搞清楚留待以后解决吧!