JavaScript 함수가 정의되기 전에 사용할 수 있는 이유는 무엇입니까?-JS 튜토리얼-php.cn

JavaScript 함수가 정의되기 전에 사용할 수 있는 이유는 무엇입니까?

Patricia Arquette

풀어 주다： 2024-10-29 20:08:02

원래의

244명이 탐색했습니다.

Why Can You Use a JavaScript Function Before It's Defined?

다음 코드를 살펴보세요.

이 코드에서는 내부Foo() 함수가 fooCheck() 함수 내에서 두 번 호출됩니다. 그 정의는 해당 호출 뒤에 배치됩니다.

이 동작의 이유는 JavaScript의 호이스팅 메커니즘에 있습니다. 컴파일 단계에서 JavaScript는 선언을 범위의 맨 위로 끌어올립니다. 이 경우 fooCheck() 함수의 범위입니다. 즉, InternalFoo() 함수가 처음 두 번의 호출 후에 물리적으로 위치하더라도 범위의 시작 부분에 선언된 것으로 간주됩니다.

이 호이스팅 동작은 함수 선언에만 해당되며 함수에는 적용되지 않습니다. 표현. 예를 들어, 함수 innerFoo() 선언을 다음 함수 표현식으로 바꾸면

<code class="javascript">function fooCheck() {
  alert(internalFoo()); // We are using internalFoo() here...

  return internalFoo(); // And here, even though it has not been defined...

  function internalFoo() { return true; } //...until here!
}

fooCheck();</code>

로그인 후 복사

함수 표현식이 끌어올려지지 않기 때문에 코드가 실패합니다.

함수 선언과 선언 사이의 차이점 표현식은 호이스팅을 이해하는 데 매우 중요합니다. 함수 선언은 명령문으로 끌어올려지고, 함수 표현식은 실행 중에 평가됩니다.

이 동작은 ECMAScript 표준, 섹션 10.1.3에 문서화되어 있습니다. 호이스팅을 사용하면 코드 구성의 유연성과 효율성이 향상되므로 접근성에 영향을 주지 않고 범위 내 어느 지점에서나 함수를 정의할 수 있습니다. 그러나 의도하지 않은 결과를 방지하려면 함수 선언과 표현식의 차이점을 염두에 두는 것이 중요합니다.

<code class="javascript">var internalFoo = function() { return true; };</code>

로그인 후 복사

위 내용은 JavaScript 함수가 정의되기 전에 사용할 수 있는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!