jQuery 1.9.1源码分析系列（十四）之常用jQuery工具

首先先介绍一下本系列文章的背景。jQuery是一个非常流行的JavaScript库，它简化了JavaScript代码的编写和复杂DOM操作的实现，被广泛应用于Web开发中。本系列文章对jQuery 1.9.1的源码进行了分析，帮助读者深入了解jQuery的内部实现。

在本文中，我们将讨论常用的jQuery工具，这些工具是jQuery的核心库中的一部分，通过使用它们，我们可以更加方便地处理JavaScript代码。我们将逐个进行解释。

jQuery.isPlainObject()

该函数用于判断一个对象是否是纯粹的对象（即通过对象字面量或new Object()创建的对象）。其源码如下所示：

jQuery.isPlainObject = function( obj ) {
    var proto, Ctor;

    // Detect obvious negatives
    // (排除掉一些基本数据类型，如null、undefined、字符串、数字、布尔值等)
    if ( !obj || toString.call( obj ) !== "[object Object]" ) {
        return false;
    }

    // 通过原型链查找功能判断是否为纯粹的对象
    proto = getProto( obj );
    if ( !proto ) {
        // Objects with no prototype (e.g., `Object.create( null )`) are plain
        return true;
    }

    // Objects with prototype are plain if they were constructed by a global Object function
    Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor;
    return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString;
};

该函数的实现思路很清晰，首先检查传入的对象是否为空或者不是一个对象，如果是则返回false。接下来，通过原型链查找功能判断是否为纯粹的对象，如果该对象没有原型，其为纯粹的对象。最后，判断对象的构造函数是否是全局Object函数，如果是，也视为纯粹的对象。

jQuery.extend()

该函数用于合并两个或多个对象的内容。其源码如下所示：

jQuery.extend = jQuery.fn.extend = function() {
    var options, name, src, copy, copyIsArray, clone,
        target = arguments[ 0 ] || {},
        i = 1,
        length = arguments.length,
        deep = false;

    // Handle a deep copy situation
    if ( typeof target === "boolean" ) {
        deep = target;

        // Skip the boolean and the target
        target = arguments[ i ] || {};
        i++;
    }

    // Handle case when target is a string or something (possible in deep copy)
    if ( typeof target !== "object" && !isFunction( target ) ) {
        target = {};
    }

    // Extend jQuery itself if only one argument is passed
    if ( i === length ) {
        target = this;
        i--;
    }

    for ( ; i < length; i++ ) {
        // Only deal with non-null/undefined values
        if ( ( options = arguments[ i ] ) != null ) {
            // Extend the base object
            for ( name in options ) {
                src = target[ name ];
                copy = options[ name ];

                // Prevent never-ending loop
                if ( target === copy ) {
                    continue;
                }

                // Recurse if we're merging plain objects or arrays
                if ( deep && copy && ( jQuery.isPlainObject( copy ) ||
                    ( copyIsArray = Array.isArray( copy ) ) ) ) {

                    if ( copyIsArray ) {
                        copyIsArray = false;
                        clone = src && Array.isArray( src ) ? src : [];

                    } else {
                        clone = src && jQuery.isPlainObject( src ) ? src : {};
                    }

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

                // Don't bring in undefined values
                } else if ( copy !== undefined ) {
                    target[ name ] = copy;
                }
            }
        }
    }

    // Return the modified object
    return target;
};

该函数是一个非常常用的工具函数，它用于将一个或多个对象的内容合并到一个目标对象中。该函数的实现比较复杂，我们需要仔细分析。

首先，该函数定义了若干变量，其中target为目标对象，i为计数器，length为参数个数，deep表示是否进行深度扩展等。

接下来依次对传入的每个参数进行处理，通过循环遍历每个参数中的属性，将其合并到目标对象中。如果deep为true，则对于每个属性的值进行递归调用，将其子属性合并到目标对象的子属性中。

最后，函数返回合并后的目标对象。

示例1：

var obj1 = {
  a: 1,
  b: {
    c: 2,
    d: 3
  }
};

var obj2 = {
  a: 4,
  b: {
    d: 5,
    e: 6
  }
};

var newObj = $.extend(true, {}, obj1, obj2);
console.log(newObj);

// 输出结果为：{a: 4, b: {c: 2, d: 5, e: 6}}

示例2：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];

var newArr = $.extend(arr1, arr2);
console.log(newArr);

// 输出结果为：[4, 5, 6]

在上述示例中，我们通过使用extend()方法将两个对象的属性合并到一个新对象中。在第一个示例中，我们还使用了deep参数将参数的属性进行递归扩展；而在第二个示例中，我们发现数组是不支持扩展的，使用extend()方法将得到错误的结果。