`(function(){})();`가 JavaScript의 `function(){}();`과 다른 이유는 무엇입니까?

캡슐화된 익명 함수 구문 살펴보기

JavaScript에서 캡슐화된 익명 함수에는 코드 블록을 괄호 안에 넣고 즉시 실행하는 작업이 포함됩니다. . 이 구문은 전역 범위 오염을 방지하고 모듈화된 스크립트를 촉진하는 데 중요합니다. 그러나 왜 (function(){})(); function(){}();과 다르게 동작합니다.

함수 선언과 함수 표현식

구문 구별은 함수가 FunctionDeclaration으로 구문 분석되는지 아니면 FunctionDeclaration으로 구문 분석되는지에 따라 달라집니다. 함수 표현식. 중요한 차이점은 FunctionDeclarations에 필수인 이름 식별자의 유무에 있습니다.

FunctionDeclaration은 "함수 식별자(FormalParameterListopt) {FunctionBody}" 문법 규칙을 따르는 명명된 식별자가 필요합니다.

익명 캡슐화 함수

반대로, "function Identifieropt(FormalParameterListopt) {FunctionBody}"에 의해 관리되는 FunctionExpressions에서는 선택적 이름 지정을 허용합니다. 이를 통해 괄호 안에 이름이 지정되지 않은 함수 표현식을 만들 수 있습니다.

(function () {
    alert(2 + 2);
}());

그룹화 연산자의 역할

익명 함수를 캡슐화하는 데 사용되는 괄호는 다음과 같이 중요한 역할을 합니다. 그룹화 연산자. 이는 표현식의 평가를 나타내며 FunctionExpressions가 평가됩니다. 따라서 FunctionDeclaration을 괄호로 묶으면 FunctionExpression으로 처리됩니다.

문맥 이해

FunctionDeclarations 및 FunctionExpressions의 문법 규칙은 모호성을 초래할 수 있습니다. 파서는 함수가 나타나는 컨텍스트를 고려하여 이 문제를 해결합니다. FunctionDeclaration은 일반적으로 전역 범위 또는 함수 본문 내에서 발견되는 반면 FunctionExpression은 블록 내를 포함하여 다양한 컨텍스트에서 나타날 수 있습니다.

잠재적 함정

블록 내에서 함수를 사용하는 동안 캡슐화를 제공할 수 있지만 예측할 수 없는 동작으로 인해 사용하지 않는 것이 좋습니다. 예를 들면 다음과 같습니다.

if (true) {
  function foo() {
    alert('true');
  }
} else {
  function foo() {
    alert('false!');
  }
}

foo(); // Outputs "true" with ambiguous behavior

위 내용은 `(function(){})();`가 JavaScript의 `function(){}();`과 다른 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!