jQuery 기초 프레임워크 얕은 분석

2502 단어
1. 원형 모델 구조
 
  
// jQuery
var jQuery = function() {
};
// jQuery
jQuery.prototype = {
};

위에는 원형 모델 구조, jQuery 구조 함수와 jQuery 실례화 대상의 원형 대상이 있는데 우리는 일반적으로 이렇게 사용한다.
 
  
var jq = new jQuery(); // jq new jQuery , jQuery

2. 선택기 실례를 되돌려줍니다
 
  
var jQuery = function() {
//
return new jQuery.prototype.init();
};
jQuery.prototype = {
//
init: function() {
}
};

jQuery는 new 키워드를 통해 실례화된 대상이 아니지만, jQuery 함수를 실행하면 new 키워드를 통해 실례화된 init 선택기의 대상을 얻을 수 있습니다. 예를 들어:
var navCollections = jQuery('.nav');//변수 navCollections에는 nav라는 이름의 DOM 객체 컬렉션이 저장됩니다.
3. 방문 원형 방법
 
  
var jQuery = function() {
//
return new jQuery.prototype.init();
};
jQuery.prototype = {
//
init: function() {
},
//
toArray: function() {
},
get: function() {
}
};
//
jQuery.prototype.init.prototype = jQuery.prototype;

우리는 일반적으로 jQuery 함수에서 되돌아오는 선택기의 실례 대상을 jQuery 대상이라고 부른다. 예를 들어 우리는 이렇게 사용할 수 있다.
 
  
jQuery.('.nav').toArray(); //

ToArray 방법을 사용할 수 있는 이유는 무엇입니까?jQuery 객체가 jQuery에 액세스하는 방법입니다.prototype 대상의 방법은?실례화 선택기 대상의 원형 대상만 jQuery를 공유합니다.prototype 객체의 코드는 다음과 같습니다.
 
  
jQuery.prototype.init.prototype = jQuery.prototype; //

4. 익명 함수 자체 실행
 
  
(function(window, undefined) {
var jQuery = function() {
//
return new jQuery.prototype.init();
};
jQuery.prototype = {
//
init: function() {
},
//
toArray: function() {
},
get: function() {
}
};
jQuery.prototype.init.prototype = jQuery.prototype;
//
var a, b, c;
function fn() {
}
// jQuery
window.jQuery = window.$ = jQuery;
})(window);

익명 함수에서 설명한 국부 변수와 함수는 익명 함수가 실행된 후에 취소하고 메모리를 방출하며 대외적으로 jQuery 전역 변수 인터페이스만 보존합니다.
출처:http://www.cnblogs.com/yangjunhua/archive/2012/12/27/2835989.html

좋은 웹페이지 즐겨찾기