JavaScript 익명 함수 학습 및 조립_javascript 팁

(함수($){
//함수 구현 코드
})(jQuery)

함수명(a) {
return a
}

var Name = function(a){
return a;
}

var f = functionfact(x) {
if (x < = 1)
return 1;
else
return x*fact(x-1)
}; ). 함수 () 생성자를 사용하면 런타임에 Javascript 코드를 동적으로 생성하고 컴파일할 수 있습니다. 이러한 방식은 전역 함수 eval()과 유사합니다.
(3) Function() 생성자는 함수 본문을 구문 분석하고 실행될 때마다 새 함수 객체를 생성합니다. 따라서 루프나 자주 실행되는 함수에서 Function() 생성자를 호출하는 효율성은 매우 낮습니다. 대조적으로, 함수 리터럴은 만날 때마다 다시 컴파일되지 않습니다.

var y = "local";
return new Function("return y"); // 지역 변수를 얻을 수 없습니다.
}
alert(constructFunction()() ); // 출력 "전역"


여기에는 Function 개체라는 이름도 포함되어 있습니다. Function 개체는 JavaScript의 고유 개체입니다. 따라서 위의 세 가지는 모두 함수 개체입니다.
위 내용은 다음과 같이 요약할 수 있습니다. 함수 개체는 일반적이고 관용적인 방식과 생성 방법으로 함수를 생성할 수 있으며, 함수에는 이름이 없을 수도 있습니다(익명 함수).

alert(typeof new Function( "a","return a;")) // "함수"


모든 반환 함수 개체입니다. 이름이 없는 것처럼 보이지만 여전히 함수입니다. 그렇다면 익명 함수를 어떻게 호출하나요?
함수를 호출하려면 해당 함수를 찾고 참조할 수 있는 방법이 있어야 합니다. 그래서 우리는 그것에 대한 이름을 찾아야 할 것입니다. 예시 2, 3에서 '이름'의 역할이 바로 이것이다. 그리고 이는 우리가 흔히 볼 수 있는 형식이기도 합니다.
여기에는 실제로 다른 방법이 있습니다. 즉, 처음에 제공된 jQuery 코드는 ()를 사용하여 익명 함수를 묶은 다음 그 뒤에 괄호 쌍(매개변수 목록 포함)을 추가하는 것입니다. 아래 코드를 살펴보겠습니다!

왜 이 메소드가 성공적으로 호출될 수 있는지 궁금해하는 사람들이 많을 것입니다. 아마도 바쁘지 않은 시간에 코드를 다시 보시면 이해가 되실 것입니다.
이 애플리케이션이 여전히 이상하다고 생각된다면 온라인에서 읽은 이 설명을 살펴보세요.
괄호는 우리의 표현식 조합을 블록으로 나눌 수 있으며, 각 블록, 즉 각 괄호 쌍에는 반환 값이 있습니다. 이 반환 값은 실제로 괄호 안의 표현식의 반환 값입니다. 따라서 익명 함수를 묶기 위해 한 쌍의 괄호를 사용할 때 실제로 반환되는 것은 익명 함수의 Function 객체입니다. 따라서 괄호 쌍과 익명 함수는 명명된 함수처럼 참조됩니다. 따라서 이 참조 변수 뒤에 매개변수 목록을 추가하면 일반 함수의 호출 형식이 구현됩니다.
마지막으로 익명 함수의 코드 패턴을 살펴보겠습니다!
오류 모드: 작동하지 않으며 브라우저에서 구문 오류를 보고합니다.

function(){ 경고(1); }();
1. 함수 리터럴: 먼저 함수 개체를 선언한 다음 실행합니다.
(function(){ Alert(1); } ) ( );
2. 우선순위 표현식: 자바스크립트는 괄호 안쪽부터 바깥쪽으로 표현식을 실행하므로 괄호를 사용하여 강제로 실행할 수 있습니다. 선언된 함수 .
( function(){ Alert(2); } ( ) );
3. Void 연산자: 괄호로 묶이지 않은 단일 피연산자를 수행하려면 void 연산자를 사용하세요.
void function(){ Alert(3); }()
이 세 가지 방법은 동일하며 어떻게 생각하느냐에 따라 다릅니다.
하하! 거의 다 됐어요! 이번에는 jQuery의 처음 몇 문장이 함수 리터럴이라는 것을 깨달았습니다!
(익명 함수)(매개변수) (function($){})(jQuery);