JavaScript 이상한 인수 분석_javascript 기술

각 함수에는 현재 호출의 매개변수를 배열과 같은 형식으로 저장하는 인수라는 변수가 있습니다. 그리고 실제로는 배열이 아닙니다. typeof 인수 문을 사용하려고 하면 "객체"(객체)가 반환되므로 Array처럼 push 및 pop과 같은 메서드를 사용할 수 없습니다. 그럼에도 불구하고 해당 값은 아래 첨자와 길이 속성을 사용하여 얻을 수 있습니다.

유연한 함수 작성
알려지지 않은 것처럼 보일 수도 있지만 인수는 실제로 매우 유용한 객체입니다. 예를 들어 함수가 다양한 개수의 인수를 처리하도록 할 수 있습니다. Dean Edwards가 작성한 base2 라이브러리에는 이 기능을 최대한 활용하는 format이라는 함수가 있습니다.

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

함수 형식(문자열) {
var args = 인수
var 패턴 = new RegExp("%([1-"args.length "]) ", "g ");
return String(string).replace(pattern, function(match, index) {
return args[index];
});
};

이 함수는 템플릿 교체를 구현합니다. 동적으로 교체하려는 위치에 %1 ~ %9 태그를 사용하면 나머지 매개변수가 이 위치를 순차적으로 교체합니다. 예:

format("그리고 %1은(는) 누구의 %2인지 알고 싶어합니다. %3", "papers", "shirt", "wear"); 위 스크립트는
"그리고 신문은 당신이 누구의 셔츠를 입었는지 알고 싶어합니다" . 여기서 주목해야 할 점은 형식 함수 정의에서도 string이라는 매개변수만 정의한다는 점입니다. Javascript를 사용하면 함수 자체에서 정의한 매개변수 수에 관계없이 함수에 여러 매개변수를 전달할 수 있으며 이러한 매개변수 값을 호출된 함수의 인수 개체에 저장할 수 있습니다.



코드 복사

코드는 다음과 같습니다. var args = Array.prototype.slice.call (인수);

이와 같이 배열 변수 args에는 모든 인수 개체에 포함된 값이 포함됩니다.

미리 설정된 매개변수를 사용하여 함수 만들기
인수 개체를 사용하면 작성하는 Javascript 코드의 양을 줄일 수 있습니다. 다음은 제공한 함수 이름과 기타 여러 매개변수를 기반으로 익명 함수를 반환하는 makeFunc라는 함수입니다. 이 익명 함수가 호출되면 원래 호출의 매개변수가 병합되어 지정된 함수에 전달되어 실행되고 반환 값이 반환됩니다.

코드 복사

코드는 다음과 같습니다. function makeFunc() { var args = Array .prototype.slice.call(arguments); var func = args.shift();

return function() {

return func.apply(null, args.concat(Array.prototype) .slice.call(arguments)));
};
}


makeFunc의 첫 번째 매개변수는 호출해야 하는 함수의 이름을 지정합니다. 이 간단한 예에서는 오류 확인)을 수행하고 검색 후 args에서 삭제합니다. makeFunc는 함수 개체의 적용 메서드를 사용하여 지정된 함수를 호출하는 익명 함수를 반환합니다.

적용 메소드의 첫 번째 매개변수는 범위를 지정합니다. 기본적으로 범위는 호출되는 함수입니다. 하지만 이 예제에서는 조금 복잡해 보이므로 null로 설정했습니다. 두 번째 매개변수는 호출하는 함수의 매개변수를 지정하는 배열입니다. makeFunc는 자체 인수를 변환하고 호출된 함수에 전달하기 전에 익명 함수의 인수를 연결합니다.

위에서 언급한 형식 함수를 사용하고 매번 반복되는 매개변수를 지정하여 출력 템플릿이 항상 동일한 상황이 발생하면 makeFunc 도구를 사용할 수 있습니다. 익명 함수를 반환하고 지정된 템플릿 다음에 콘텐츠를 자동으로 생성합니다.




코드 복사

코드는 다음과 같습니다. var majorTom = makeFunc(format, "지상 관제소의 Tom 소령입니다. 저는 %1입니다.")

이와 같이 majorTom 함수를 반복적으로 지정할 수 있습니다. :

코드 복사

코드는 다음과 같습니다. majorTom("stepping through the door" ); majorTom("가장 특이한 방식으로 떠다님")

그런 다음 majorTom 함수가 호출될 때마다 지정된 템플릿을 첫 번째 지정된 매개변수로 채웁니다. 예를 들어 위 코드는 다음을 반환합니다.

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

"이 사람은 지상 통제소의 톰 소령입니다. 저는 문으로 들어서고 있습니다."
"이 사람은 지상 통제소의 톰 소령입니다. 저는 아주 특이한 방식으로 떠다니고 있습니다." 자기 참조 기능
이게 멋지다고 생각할 수도 있지만 아직 너무 기뻐하지 마세요. 나중에 더 큰 놀라움이 있을 것입니다. (인수)에는 또 다른 매우 유용한 속성인 호출 수신자가 있습니다. args.callee에는 현재 호출된 함수의 참조된 개체가 포함되어 있습니다. 그럼 이걸로 뭘 해야 할까요? args.callee는 자신을 호출하는 매우 유용한 익명 함수입니다.

아래에는 반복이라는 함수가 있는데, 이 함수의 매개변수에는 함수 참조와 두 개의 숫자가 필요합니다. 첫 번째 숫자는 실행 횟수를 나타내고, 두 번째 함수는 실행 사이의 시간을 밀리초 단위로 정의합니다. 해당 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 함수 반복 (fn, times , Delay) {

return function() {

if(times-- > 0) {
fn.apply(null, 인수)
var args = Array.prototype; .slice.call(인수);
var self =args.callee;
setTimeout(function(){self.apply(null,args)}, 지연)
}
}; 🎜>}


반복 함수는 인수.callee를 사용하여 현재 참조를 가져와 self 변수에 저장한 다음 익명 함수를 반환하여 원래 호출된 함수를 다시 실행합니다. 마지막으로 setTimeout과 익명 함수를 사용하여 지연 실행을 구현합니다.

예를 들어 일반 스크립트에서 간단한 설명으로 문자열을 제공하고 경고 상자를 표시하는 다음과 같은 간단한 함수를 작성합니다.

코드 복사

코드는 다음과 같습니다. function comms(s) { alert(s)

}

그럼 마음이 바뀌었어요. 나는 매번 2초 간격으로 세 번 실행되는 함수의 "특별 버전"을 작성하고 싶습니다. 그런 다음 내 반복 기능을 사용하면 다음과 같이 할 수 있습니다.

코드 복사

코드는 다음과 같습니다. var SomethingWrong = Repeat(comms, 3, 2000); somethingWrong("내 말 들려요, 톰 소령?")

결과는 예상대로입니다. 세 번 올라올 때마다 경고 상자가 2초씩 지연됩니다.

마지막으로 인수가 자주 사용되지 않고 약간 이상해 보일지라도 위에서 언급한 놀라운 기능(이것뿐만 아니라!)도 알아둘 가치가 있습니다.