jQuery 구현 원리의 시뮬레이션 코드 - 4가지 중요한 확장 기능 extend_jquery

jQuery.fn.extend는 하나 이상의 샘플 객체를 통해 객체를 확장할 수 있는 확장 메커니즘을 제공합니다. 확장할 개체를 지정하지 않으면 해당 개체 자체로 확장됩니다.

jQuery.extend는 jQuery.fn.extend를 통해 사용할 수도 있습니다. 이는 jQuery에서 대상 개체의 멤버를 확장하는 데 많이 사용됩니다. 확장된 멤버는 일련의 참조 개체에서 나옵니다.
이렇게 하면 jQuery.fn 확장 멤버에 대한 데이터를 제거해야 하는 경우 다음과 같이 할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

jQuery.fn.extend(
{
removeData: function( key ) {
return this.each(function() {
jQuery.removeData( this, key );
})
}
}
) ;

extend의 ​​소스 코드는 다음과 같습니다. 비교적 간단하기 때문에 너무 단순화하지는 않았습니다.

코드 복사 코드는 다음과 같습니다.

/// <참조 경로=" jQuery-core .js" />
2
3
4 jQuery.extend = jQuery.fn.extend = function () {
5 // 대상 객체에 대한 참조 복사
6 var target =args[0] || {}, i = 1, length =args.length, deep = false, options, name, src, copy
7
8 // 전체 복사의 경우; 첫 번째 매개변수는 부울 유형이고, 두 번째 매개변수는 대상 객체입니다.
9 if (typeof target === "boolean") {
deep = target
target; = 인수[1] || {};
// 부울 및 대상 건너뛰기
i = 2
}
// 대상이 객체 또는 함수가 아닌 경우
if (typeof target !== "object" && !jQuery.isFunction(target)) {
target = {}
}
// 매개변수가 하나만 있는 경우 자체 확장
if (length === i) {
target = this;
--i
}
// 모든 참조 개체를 탐색하고 대상 개체로 확장합니다.
for (; i < length; i ) {
// null이 아닌/정의되지 않은 값만 처리 ​​
if ((options = 인수[i]) != null) {
// 기본 객체 확장
for (옵션의 이름) {
src = target[name];
copy = options[name]
// 무한 루프 방지
if (target === copy)
continue;
}
/ / 객체 리터럴 값이나 배열을 병합하는 경우 반복
if (deep && copy && (jQuery.isPlainObject(copy) || jQuery.isArray(copy) ))) {
var clone = src && (jQuery.isPlainObject(src) || ​​​​jQuery.isArray(src)) ? src
: jQuery.isArray(copy) ? 🎜>// 원본 객체를 이동하지 말고 복제하세요
target[name ] = jQuery.extend(deep, clone, copy)
// 정의되지 않은 값을 가져오지 마세요 ​​
} else if (복사 !== 정의되지 않음) {
target[name] = copy;
}
}
}
}
// 수정된 객체 반환
return target; 🎜>}