Javascript 자체 실행 익명 함수(function() { })()의 원리에 대한 간략한 분석

함수는 JavaScript에서 가장 유연한 객체입니다. 여기서는 익명 함수의 사용에 대해서만 설명합니다. 익명 함수는 함수 이름이나 포인터를 지정하지 않는 함수를 말합니다. 자체 실행 익명 함수는 그 중 하나일 뿐입니다: 자체 실행 함수

다음은 가장 일반적입니다. 자체 실행 기능:

// 传统匿名函数
(function() {
alert('hello');
})();

이 코드의 실행 효과는 페이지가 다시 로드될 때 팝업되는 것입니다: "hello"

자동으로 실행되도록 하는 메시지는 무엇입니까? , 다음 코드를 보세요

// 在传统写法上去掉小括号，并在前面加上运算符 ~,!,+,-
~function(){
alert('hello');
}();
!function(){
alert('hello');
}();
+function(){
alert('hello');
}();
-function(){
alert('hello');
}();

이러한 작성 방법은 위에서 언급한 기존 방법과 차이가 없습니다.

이러한 작성 방법의 공통점은 연산자에 있다는 것입니다. 사실 전통적인 괄호()도 a=b*(c+d),

에 나타나는 연산 유형입니다. 연산자 + 자체 생성 매개변수에 전달 = 함수가 자동으로 실행됩니까? 하지만 "=, *, /"와 같은 일부 기호는 지원되지 않습니다. 자체 실행 이유는 여전히 매우 미스터리하고 인터넷에서 적절한 답변을 찾을 수 없습니다

그러다가 발견했습니다. 마법 같은 현상입니다. 이 연산자는 무한히 쌓일 수 있습니다. . . . . .

// function前面是特定符号可以无限叠加...
~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~~~~~~~~+-!!!!!!+function a(b) {
alert('hello');
}();

프로그램은 정상적으로 실행됩니다!!!!!!

다만, 에러가 나는 경우는 2가지가 있습니다

"+"가 3개 이상일 경우 또는 "+" 문자가 연속으로 나타나거나 "-" 기호가 나타나면 오류가 발생합니다.

두 개의 "+" 또는 "-" 기호가 연속으로 나타난 후 다른 기호가 나타나면 오류가 발생합니다. "++~", "--+" 등이 발생합니다 ;

　오류 메시지: Uncaught ReferenceError: 접두사 연산의 왼쪽 표현식이 잘못되었습니다(왼쪽 표현식이 잘못되었음을 의미)

그런 다음 동일한 기호를 사용하여 변수를 조작하고 그것이 정확히 동일하다는 것을 발견했습니다. 이는 이미 JavaScript 연산이 함수의 자동 실행을 프롬프트한다는 것을 의미할 수도 있고, 다음을 통해 이 함수를 호출하는 것으로 이해될 수도 있습니다. 작업!

함수 자체가 실행되는 것이 아니라, 계산을 통해 함수가 호출되는 것입니다! , 그러나 일부 계산 방법만 지원합니다!

게다가 이 자체 실행 함수는 익명 함수가 아닐 수도 있습니다! 위의 코드를 보면 연산자 뒤에 함수명 a를 정의했는데 예외는 없으나 소용이 없습니다 - -!, 이 a는 아직 다른 메소드에서는 호출할 수 없지만 많은 분들이 호출하시는 것 같습니다. it 익명 함수라는 점에서 문제가 있습니다!

이상은 편집자가 소개한 자바스크립트 자체 실행 익명 함수(function(){ })()의 원리를 간략하게 분석한 내용입니다.

Javascript 자체 실행 익명 함수(function() { })()의 원리에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!