摘要：實(shí)現(xiàn)所需要的功能性函數(shù)判斷是不是函數(shù)在有些瀏覽器會(huì)返回所以判斷是不是節(jié)點(diǎn)創(chuàng)建一個(gè)計(jì)劃對(duì)象代理訪問的時(shí)候可以節(jié)省代碼方法注意是函數(shù)的方法，而不是方法函數(shù)轉(zhuǎn)成字符串代理拷貝計(jì)劃對(duì)象方法判斷是否為計(jì)劃對(duì)象在當(dāng)前頁面內(nèi)追加換行標(biāo)簽和指定的內(nèi)容在中返

實(shí)現(xiàn)extend 所需要的功能性函數(shù)

        // 判斷是不是函數(shù)
        function isFunction(obj) {
            // Support: Chrome <=57, Firefox <=52
            /* 
                在有些瀏覽器 typeof document.createElement( "object" ) 會(huì)返回function 
                所以判斷是不是dom 節(jié)點(diǎn)
            */
            return typeof obj === "function" && typeof obj.nodeType !== "number";
        };
        // 創(chuàng)建一個(gè)計(jì)劃對(duì)象
        let class2type = {};
        // 代理 hasOwnProperty 訪問Object.hasOwnProperty的時(shí)候可以節(jié)省代碼
        let hasOwn = class2type.hasOwnProperty;
        // hasOwn toString方法 注意是函數(shù)的toString方法，而不是{}toString 方法
        let fnToString = hasOwn.toString;
        // Object() 函數(shù)轉(zhuǎn)成字符串 "function Object() { [native code] }"
        let ObjectFunctionString = fnToString.call(Object);
        // 代理
        let getProto = Object.getPrototypeOf;
        // 拷貝計(jì)劃對(duì)象方法
        toString = class2type.toString;

        // 判斷是否為計(jì)劃對(duì)象
        /* 
            //在當(dāng)前頁面內(nèi)追加換行標(biāo)簽和指定的HTML內(nèi)容
            function w( html ){
                document.body.innerHTML += "
" + html;
            }

            w( $.isPlainObject( { } ) ); // true
            w( $.isPlainObject( new Object() ) ); // true
            w( $.isPlainObject( { name: "CodePlayer"} ) ); // true
            w( $.isPlainObject( { sayHi: function(){} } ) ); // true
            w( $.isPlainObject( "CodePlayer" ) ); // false
            w( $.isPlainObject( true ) ); // false
            w( $.isPlainObject( 12 ) ); // false
            w( $.isPlainObject( [ ] ) ); // false
            w( $.isPlainObject( function(){ } ) ); // false
            w( $.isPlainObject( document.location ) ); // false(在IE中返回true)

            function Person(){
                this.name = "張三";
            }
            w( $.isPlainObject( new Person() ) ); // false
            window false
            new Date false
        */
        function isPlainObject(obj) {
            var proto, Ctor;
            // obj false，或者obj不是對(duì)象，排除null和undefined 否則getProto(obj) 報(bào)錯(cuò)
            if (!obj || toString.call(obj) !== "[object Object]") {
                return false;
            }
            proto = getProto(obj);
            // 如果是對(duì)象但是沒有原型則是由 Object.create( null ) 創(chuàng)建
            if (!proto) {
                return true;
            }
            // 原型的構(gòu)造函數(shù)是 Object()，則為計(jì)劃對(duì)象
            Ctor = hasOwn.call(proto, "constructor") && proto.constructor;
            return typeof Ctor === "function" && fnToString.call(Ctor) === ObjectFunctionString;
        }

extend 代碼分析

    // extend 代碼分析
    var jQuery = {};
    /* 
        jQuery.extend()函數(shù)用于將一個(gè)或多個(gè)對(duì)象的內(nèi)容合并到目標(biāo)對(duì)象。
        jQuery.extend( [ deep ], target , object1 [, objectN... ] )
    */
    jQuery.extend = jQuery.prototype.extend = function () {
        // 定義后邊用到的變量
        var options, name, src, copy, copyIsArray, clone,
            // 第一個(gè)參數(shù)為目標(biāo)對(duì)象
            target = arguments[0] || {},
            i = 1,
            length = arguments.length,
            // 是否為深拷貝
            deep = false;

        // 深度拷貝
        /* 如果第一個(gè)參數(shù)為布爾值則代表深拷貝 */
        if (typeof target === "boolean") {
            deep = target;

            // Skip the boolean and the target 將第二個(gè)參數(shù)設(shè)置為目標(biāo)對(duì)象
            target = arguments[i] || {};
            i++;
        }

        // 參數(shù)不是對(duì)象的情況
        if (typeof target !== "object" && !isFunction(target)) {
            target = {};
        }

        // 如果只有一個(gè)參數(shù)或者兩個(gè)參數(shù)且第一個(gè)參數(shù)為 deep  擴(kuò)展自身
        if (i === length) {
            target = this;
            i--;
        }

        for (; i < length; i++) {

            // 參數(shù)不是null 或者undefined
            /* 
                null == undefined // true
                null == null // true
            */
            if ((options = arguments[i]) != null) {

                // 擴(kuò)展對(duì)象
                for (name in options) {
                    src = target[name];
                    copy = options[name];

                    /*
                        target = {a:1,b:2}
                        options = {
                            test: target
                        }
                        target.test = target; //會(huì)出現(xiàn)無法遍歷
                    */
                    if (target === copy) {
                        continue;
                    }
                    // 判斷是深拷貝，且copy為數(shù)組或者計(jì)劃對(duì)象
                    /* 
                        計(jì)劃對(duì)象
                        { } new Object()
                    */
                    if (deep && copy && (jQuery.isPlainObject(copy) ||
                        (copyIsArray = Array.isArray(copy)))) {
                        // 數(shù)組
                        if (copyIsArray) {
                            copyIsArray = false;
                            clone = src && Array.isArray(src) ? src : [];

                        } else {
                            // 對(duì)象
                            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 // 如果拷貝值為null/undefined 則不拷貝
                    } else if (copy !== undefined) {
                        target[name] = copy;
                    }
                }
            }
        }

        return target;
    };