jquery 원본 학습 노트 2: jQuery 공장

2462 단어 jquery원본 코드
필기 1에 jQuery의 전체적인 구조는 다음과 같다.
(function( global, factory ) {
    //  factory(  )  jQuery  
    factory( global );
}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
    //factory  ,jquery      
}));

그러면 이 jQuery를 생성하는 공장은 어떤 공장입니까?
보라색:
function( window, noGlobal ) {

    var jQuery = function( selector, context ) {//        jQuery。  , jQuery           ,            jQuery $
        return new jQuery.fn.init( selector, context );
    };

    /*  ,     jQuery        、  */
    jQuery.fn = jQuery.prototype = {
        //...
    };
    jQuery.extend = jQuery.fn.extend = function() {
        //...
    };
    var init = jQuery.fn.init = function( selector, context, root ) {
        //...
    };
    init.prototype = jQuery.fn;
    jQuery.extend({
        //...
    });
    jQuery.fn.extend({
        //...
    });

    if ( !noGlobal ) {//  ,   jQuery     ,         “$”
        window.jQuery = window.$ = jQuery;
    }

    return jQuery;
}

공장의 코드로 볼 때 $는 본질적으로 하나의 함수이기 때문에 우리는 이렇게 인용할 수 있다.
$(".class")

좋은 웹페이지 즐겨찾기