jquery와 유사한 Mole 라이브러리 구조 분석

jquery로 쓴 거 하나 동동~
다음은 jQuery 1.6.1 코드 세그먼트입니다.
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 var   jQuery = function ( selector, context ) {          // The jQuery object is actually just the init constructor 'enhanced'          return   new   jQuery.fn.init( selector, context, rootjQuery );      },      ...        jQuery.fn = jQuery.prototype = {      constructor: jQuery,      init: function (selector, context, rootjQuery){      } }
  // Give the init function the jQuery prototype for later instantiation jQuery.fn.init.prototype = jQuery.fn;
jQuery 대상은 jQuery를 가리킨다.prototype.init의 실례, 쉽게 말하면 new jQuery.prototype.init.여기 jQuery.prototype.init의 유형은function으로 하나의 종류로 볼 수 있습니다.
jQuery 객체는 다음 섹션으로 구성됩니다.

jQuery에 걸립니다.prototype.init의this의 속성이나 방법입니다.

jQuery에 걸립니다.prototype.init.prototype의 속성이나 방법입니다.

왜냐하면 jQuery를.prototype이 jQuery에게 값을 부여했습니다.prototype.init.prototype, 그래서 jQuery에 걸립니다.prototype의 속성과 방법도 jQuery 대상의 일부분입니다.

jQuery를 통해서.fn.extend({...})방식으로 확장된 속성이나 방법.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
;(function(window, undefined) {
//$또는 Mole 구조기를 호출할 때 되돌아오는 실례 대상이 $원형 대상을 공유하는 방법($.fn.init.prototype = $.fn = $.prototype 때문)     var $ = window.Mole = function(selector, context) {            return new $.fn.init(selector, context);     };
     if (window.$ === undefined) {            window.$ = $;     };
//실례 대상을 공유하는 방법(원형 방법) $.fn = $.prototype = {//constructor 포인터 (속성) 인용 $constructor: '$',
//#id를 포함한 선택기 초기화className, 그리고 tagName.className, node 노드의 네 가지 형식
           init: function(selector, root) {
           },
//스타일 클래스 존재 여부 판단
//숨기기 표시
//이벤트 바인딩
//노드 또는 HTML 삽입
//좌표, 너비 계산
      }
//$때문에.prototype = $.fn, 따라서 new 조작부호를 사용하여 init 구조 함수를 호출한 후 되돌아오는 실례 대상이 $원형을 공유하는 방법 $.fn.init.prototype = $.fn;
      return $; 
})(window);