[javascript] Javascript의 모든 함수 뒤에 세미콜론을 사용해야하는 이유는 무엇입니까?

함수 선언 후 세미콜론 은 필요하지 않습니다 .

의 문법 FunctionDeclaration은 다음과 같이 사양에 설명되어 있습니다 .

function Identifier ( FormalParameterListopt ) { FunctionBody }

문법적으로 세미콜론이 필요하지 않지만 왜 그런지 궁금 할 수 있습니까?

세미콜론은 명령문 을 서로 분리하는 역할을 하며 a FunctionDeclaration는 명령문 이 아닙니다 .

FunctionDeclarations코드가 실행 되기 전에 평가 됩니다. 호이 스팅 은 이 동작을 설명하는 데 사용되는 일반적인 단어 입니다.

ECMAScript 사양에 설명 된 함수 명령문이 없기 때문에 “함수 선언”및 “함수 명령문”이라는 용어는 종종 서로 바꿔서 잘못 사용됩니다. 비표준입니다.

그러나 다음과 같이 세미콜론을 사용하는 경우 항상 권장됩니다 FunctionExpressions.

var myFn = function () {
  //...
};

(function () {
  //...
})();

위 예제에서 첫 번째 함수 다음에 세미콜론을 생략하면 원하지 않는 결과가 나타납니다.

var myFn = function () {
  alert("Surprise!");
} // <-- No semicolon!

(function () {
  //...
})();

첫 번째 함수는 두 번째 함수를 둘러싼 괄호 Arguments가 함수 호출의 것으로 해석되므로 즉시 실행됩니다 .

추천 강의 :

• 명명 된 함수 표현식은 이해하기 어렵습니다 (위대한 기사).
• 자바 스크립트의 캡슐화 된 익명 함수 구문 설명 (더에 FunctionDeclaration대 FunctionExpression)

답변

var f = function() { ... };

function f() {
    ...
}

function handleClickEvent(e)
{
     // comment
     var something = true;  // line of code
     if (something)  // code block
     {
        doSomething();  // function call
     }
}

var x = function(){};
var x = new function(){};
this.x = function(){};

function x(){}