프로토타입 함수 객체 학습_prototype

//Object 객체의 확장 메소드를 통해 Function 프로토타입 확장
Object.extend(Function.prototype, (function() {
var Slice = Array.prototype.slice;
//배열에 인수를 추가하고 배열을 반환, 내부 메서드
function update(array, args) {
var arrayLength = array.length , length = args.length;
while (length--) array[arrayLength length] = args[length];
return array;
}
//기본적으로 업데이트 방법과 동일하지만 다릅니다. 들어오는 매개변수 배열을 변경하고 새 배열을 반환합니다.
function merge(array, args) {
array = Slice.call(array, 0)
return update(array, args);
//함수의 매개변수를 배열로 형식화하고
function ArgumentNames() {
var names = this.toString().match(/^[s(]*function[^(])을 반환합니다. *(([^)]*))/)[1]
.replace(///.*?[rn]|/*(?:.|[rn])*?*//g, ' ')
.replace(/s /g, '').split(',');

names.length == 1 && !names[0] [] : names; 🎜>}
//실행 함수의 컨텍스트를 컨텍스트에 바인딩
functionbind(context) {
if (arguments.length < 2 && Object.isUndefine(arguments[0])) return this ;
var __method = this, args = Slice.call(arguments, 1);
return function() {
var a = merge(args,args)
return __method.apply(context) , a);
}
}
//기본적으로 바인딩과 유사합니다. 즉, 전달된 첫 번째 매개변수가 이벤트 객체여야 합니다.
function binAsEventListener(context) {
var __method = this, args = Slice.call(arguments, 1);
return function(event) {
var a = update([event || window.event], args); apply( context, a);
}
}
//curry는 수학자의 이름입니다. 이 메소드의 기능은 아래의 구체적인 예를 보면 알 수 있습니다.
function curry() {
if (!arguments.length) return this
var __method = this, args = Slice.call(arguments, 0)
return function() {
var a = merge(args, 인수);
return __method.apply(this, a);
}
}
//window.setTimeout 함수의 간단한 캡슐화
함수 (timeout) {
var __method = this, args = Slice.call(arguments, 1);
timeout = timeout * 1000
return window.setTimeout(function() {
return __method.apply (__method, args) ;
}, timeout);
}
//delay(0.01)
function defer() {
var args = update([0.01], 인수 );
return this.delay.apply(this, args);
}
//간단한 AOP 함수를 구현하기 위해 호출할 함수를 래핑하기 위해 래퍼 사용
function Wrap(wrapper) {
var __method = this;
return function() {
var a = update([__method.bind(this)], 인수)
return Wrapper.apply(this, a); 🎜>}
}
//현재 컨텍스트를 수신 호출 메소드의 첫 번째 매개변수로 표시
function methodize() {
if (this._methodized) return this._methodized; var __method = this ;
return this._methodized = function() {
var a = update([this], 인수)
return __method.apply(null, a)
};
}
//외부 호출 가능 함수 반환
return {
argumentNames: 인수 이름,
bind: 바인딩,
bindAsEventListener: binAsEventListener,
curry: curry,
delay : 지연 ,
defer: defer,
wrap: Wrap,
methodize: methodize
}
})());


업데이트, 병합 메서드: 왜냐하면 내부 메서드에 대해서는 자세히 설명하지 않기 때문에

argumentNames 메서드는 소스 코드를 보면 기본적으로 이해할 수 있습니다.

바인드 메서드:
먼저 전달되는 매개변수 수를 결정합니다. 최소한 하나의 컨텍스트 매개변수가 전달되어야 합니다. 바인딩() 메서드가 직접 호출되면 원래 함수 객체는 돌아왔다. 부르지 않는 것과 마찬가지다.
바인드 메소드의 프로토타입은 다음과 같습니다: bind(thisObj[, arg...]) -> 첫 번째 매개변수 뒤에는 선택적 매개변수가 올 수 있습니다. 첫 번째 매개변수를 제외한 모든 매개변수를 저장합니다. args = Slice.call(arguments, 1);
var __method = this 문장은 __method 변수를 현재 함수로 설정한다는 의미입니다.

마지막으로 익명 함수가 적용됩니다. 컨텍스트가 반환됩니다.
참고: var a = merge(args, 인수);의 인수와 args = Slice.call(arguments, 1);의 인수는 다릅니다. 예를 살펴보세요.

bindAsEventListener 메서드:
이 메서드는 바인딩과 유사합니다. 주요 차이점은 다음 문장입니다. var a = update([event || window.event] , args); 바인딩된 함수의 첫 번째 매개변수가 이벤트 개체인지 항상 확인하세요. 예를 살펴보세요.

커리 방식 :
저는 개인적으로 이 방법에 대한 도움말 문서의 예가 좋지 않다고 생각합니다. 다음은 한눈에 알 수 있는 또 다른 예입니다.

지연 및 연기 방법:
기본적으로 window.setTimeout의 간단한 캡슐화입니다. 시간 단위는 초입니다.
var id = Element.hide.delay(5, 'foo')