• jQuery.extend()源码解读


    // extend方法为jQuery对象和init对象的prototype扩展方法
    // 同时具有独立的扩展普通对象的功能
    jQuery.extend = jQuery.fn.extend = function() {
      /*
      *target被扩展的对象
      *length参数的数量
      *deep是否深度操作
      */
      var options, name, src, copy, copyIsArray, clone,
        target = arguments[0] || {},
        i = 1,
        length = arguments.length,
        deep = false;

      // target为第一个参数,如果第一个参数是Boolean类型的值,则把target赋值给deep
      // deep表示是否进行深层面的复制,当为true时,进行深度复制,否则只进行第一层扩展
      // 然后把第二个参数赋值给target
      if ( typeof target === "boolean" ) {
        deep = target;
        target = arguments[1] || {};

        // 将i赋值为2,跳过前两个参数
        i = 2;
      }

      // target既不是对象也不是函数则把target设置为空对象。
      if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
        target = {};
      }

      // 如果只有一个参数,则把jQuery对象赋值给target,即扩展到jQuery对象上
      if ( length === i ) {
        target = this;

        // i减1,指向被扩展对象
        --i;
      }

      // 开始遍历需要被扩展到target上的参数

      for ( ; i < length; i++ ) {
        // 处理第i个被扩展的对象,即除去deep和target之外的对象
        if ( (options = arguments[ i ]) != null ) {
          // 遍历第i个对象的所有可遍历的属性
          for ( name in options ) {
            // 根据被扩展对象的键获得目标对象相应值,并赋值给src
            src = target[ name ];
            // 得到被扩展对象的值
            copy = options[ name ];

            // 这里为什么是比较target和copy?不应该是比较src和copy吗?
            if ( target === copy ) {
              continue;
            }

            // 当用户想要深度操作时,递归合并
            // copy是纯对象或者是数组
            if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
              // 如果是数组
              if ( copyIsArray ) {
                // 将copyIsArray重新设置为false,为下次遍历做准备。
                copyIsArray = false;
                // 判断被扩展的对象中src是不是数组
                clone = src && jQuery.isArray(src) ? src : [];
              } else { 
                // 判断被扩展的对象中src是不是纯对象
                clone = src && jQuery.isPlainObject(src) ? src : {};
              }

              // 递归调用extend方法,继续进行深度遍历
              target[ name ] = jQuery.extend( deep, clone, copy );

            // 如果不需要深度复制,则直接把copy(第i个被扩展对象中被遍历的那个键的值)
            } else if ( copy !== undefined ) {
              target[ name ] = copy;
            }
          }
        }
      }

      // 原对象被改变,因此如果不想改变原对象,target可传入{}
      return target;
    };

  • 相关阅读:
    【JS】限制两个或多个单选框最多只能选择一个
    Markdown基本语法
    【thinkphp5】 分页样式修改
    Vscode 修改为中文语言
    【linux】Crontab 定时任务 使用实例
    【微信开发】 模板消息发送
    二维数组转化为字符串,中间用,隔开
    【golang】 go语言之环境搭建+ 第一个go语言程序
    【PHPstudy】安装Composer
    【LNMP】基于阿里云的https免费证书配置
  • 原文地址:https://www.cnblogs.com/charling/p/3452677.html
Copyright © 2020-2023  润新知