JavaScript는 정의 전에 함수 사용을 어떻게 허용합니까? 호이스팅의 미스터리가 설명됩니다.

함수 선언과 표현식: JavaScript에서 초기 함수 액세스의 비밀 풀기

직관적인 외관에도 불구하고 함수를 사용할 수 있는 능력 JavaScript로 정의되기 전에는 오랫동안 개발자들을 당황하게 했습니다. 다음 코드를 살펴보세요.

<code class="javascript">function fooCheck() {
  alert(internalFoo()); // Using internalFoo() before its definition

  return internalFoo(); // Still using it, despite its undefined status

  function internalFoo() { return true; } // Finally, the definition arrives
}

fooCheck();</code>

신기하게도 이 코드는 모든 주요 브라우저에서 오류 없이 실행됩니다. 이 수수께끼를 풀기 위해 함수 선언과 표현식의 개념을 살펴보겠습니다.

함수 선언: 호이스팅의 비밀

JavaScript의 клучевое слово "함수"는 함수를 생성합니다. 선언. 할당인 함수 표현식과 달리 함수 선언은 호이스팅이라는 고유한 특성을 나타냅니다.

호이스팅은 함수 식별자를 해당 범위 내 다른 모든 명령문 위로 끌어 올려 실제 함수가 실행되기 전에도 참조할 수 있도록 하는 구문적 트릭입니다. 정의. 이 예에서는 식별자 "internalFoo"가 호이스팅되어 "fooCheck" 함수 내의 어느 지점에서나 사용할 수 있습니다.

조기 함수 액세스: 호이스팅의 결과

"internalFoo"에 대한 조기 액세스는 호이스팅의 직접적인 결과입니다. 인터프리터는 함수 선언을 발견하고 식별자 "internalFoo"에 자리 표시자를 할당하여 나중에 참조할 수 있도록 합니다. 인터프리터가 함수 본문에 도달한 경우에만 정의를 실행하여 실제 함수를 생성합니다.

함수 표현식: 다른 규칙 적용

함수 선언과 달리 함수 표현식은 일반적인 하향식 실행을 따릅니다. 발견되면 평가되며 해당 식별자는 끌어올려지지 않습니다. 이는 정의되기 전에 함수 표현식에 액세스하려고 하면 오류가 발생한다는 것을 의미합니다.

ECMAScript 표준의 설명

함수 선언의 동작은 명시적으로 정의됩니다. ECMAScript 표준(섹션 10.1.3)에서. 이는 코드에서의 함수 위치에 관계없이 코드 블록의 내용이 실행되기 전에 함수 선언이 바인딩된다는 것을 나타냅니다.

위 내용은 JavaScript는 정의 전에 함수 사용을 어떻게 허용합니까? 호이스팅의 미스터리가 설명됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!