> 웹 프론트엔드 > JS 튜토리얼 > var, let, const의 범위

var, let, const의 범위

Linda Hamilton
풀어 주다: 2025-01-22 02:30:14
원래의
232명이 탐색했습니다.

Scope of var, let, const

자바스크립트 변수 범위에 대한 자세한 설명

변수 범위란 프로그램에서 해당 변수에 접근할 수 있는 영역을 말합니다. 효율적이고 오류 없는 코드를 작성하려면 변수 범위를 이해하는 것이 중요합니다.

JavaScript에는 세 가지 유형의 변수 범위가 있습니다.

  • var
  • let
  • const

var 키워드

  • var 키워드는 1995년 JavaScript 최초 출시와 함께 처음 소개되었습니다.
  • var을 사용하여 선언된 변수에는 전역 범위가 있습니다. 즉, 프로그램의 모든 부분에서 변수에 액세스할 수 있습니다.
<code class="language-javascript">var x = 10;
function inner() {
    console.log(x); // 输出:10
}
console.log(x); // 输出:10</code>
로그인 후 복사
  • var을 사용하여 선언된 변수는 파일 맨 위로 승격됩니다. 즉, 변수가 초기화되기 전에 해당 변수에 액세스하려고 시도할 수 있지만 아직 변수에 값을 할당하지 않았기 때문에 출력은 undefined이 됩니다.
<code class="language-javascript">console.log(x); // 输出:undefined
var x = 10;
console.log(x); // 输出:10</code>
로그인 후 복사

let 키워드

  • let 키워드는 2015년 ECMAScript 6 도입과 함께 도입되었으며 블록 수준 범위 지정 기능을 제공합니다.
  • let으로 초기화된 변수에는 블록 범위가 있습니다. 따라서 함수나 전역 범위 등 다른 범위에서는 변수에 접근할 수 없습니다.
  • var과 달리 let으로 선언한 변수를 선언하기 전에 접근하면 TDZ(Temporal Dead Zone)으로 인해 오류가 발생합니다.
<code class="language-javascript">console.log(x); // 输出:引发错误
let x = 10;</code>
로그인 후 복사
  • 마찬가지로 함수 내에서는 블록 수준 변수에 액세스할 수 없습니다.
<code class="language-javascript">let x = 10;
function inner() {
    console.log(x); // 输出:引发错误
}</code>
로그인 후 복사

const 키워드

  • 이것은 또 다른 블록 범위 변수입니다. 또한 const을 사용하여 선언된 변수는 동일한 줄에서 초기화되어야 합니다.
<code class="language-javascript">const PI = 3.14;
console.log(PI); // 输出:3.14</code>
로그인 후 복사
  • 이 키워드는 ECMAScript 6에서 도입되었으며 환경 변수, 액세스 토큰 등과 같은 상수 값을 저장하는 데 사용됩니다. 주로 미래에 변경되지 않는 상수 값을 저장하는 데 사용됩니다.
  • const으로 선언된 변수의 값을 변경하려고 하면 런타임 시 TypeError: Assignment to constant variable 오류가 발생합니다.
<code class="language-javascript">const PI = 3.14;
PI = 3.5; // 输出:TypeError: Assignment to constant variable.</code>
로그인 후 복사

즐거운 프로그래밍 되세요!

위 내용은 var, let, const의 범위의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿