JavaScript를 이해하고 let 문을 이해하세요.

JavaScript는 우리의 연구나 업무에 관여하므로 JavaScript도 이해해야 합니다. let 문은 JavaScript의 큰 부분을 차지합니다. 이 기사는 let 문을 이해하고 익히는 데 도움이 될 것입니다. 이제 주의 깊게 살펴보겠습니다.

let 문을 사용하면 JavaScript에서 블록 범위 지역 변수를 만들 수 있습니다. let 문은 JavaScript용 ECMAScript 6 표준에 도입되었습니다. let 문을 살펴보기 전에 웹 애플리케이션을 더 빠르게 작성하고 실행하는 데 도움이 되는 Infragistics jQuery 라이브러리 기반 Ignite UI를 확인하는 것이 좋습니다. JavaScript의 Ignite UI 라이브러리를 사용하여 HTML5, jQuery, Angular, React 또는 ASP.NET MVC의 복잡한 LOB 요구 사항을 신속하게 해결할 수 있습니다. (여기에서 Ignite UI 무료 평가판을 다운로드할 수 있습니다.)

ECMAScript 6 이전에는 JavaScript에 세 가지 유형의 범위가 있었습니다.

전역 범위

함수 범위

어휘 범위

let 문을 자세히 살펴보려면 다음 코드 조각을 고려하십시오.

function foo() {
    var x = 9;
    if (x > 5) {
        var x = 7;
        console.log("Value of x in if statement = " + x);
    }
    console.log("Value of x outside if statement = " + x);
}
foo();

위 코드에서 얻은 출력:

위 코드에서는 var 문을 사용하여 변수 x를 선언합니다. 따라서 변수 x의 범위는 함수의 범위입니다. if 문 내부의 변수 x는 if 문 외부에서 생성된 변수 x입니다. 따라서 if 문 블록 내에서 변수 x의 값을 수정하면 함수에서 변수 x에 대한 모든 참조 값도 수정됩니다.

이를 방지하려면 블록 수준 범위를 사용해야 합니다. let 문을 사용하면 블록 범위 지역 변수를 만들 수 있습니다.

위 코드 조각을 수정하고 let 문을 사용하여 변수를 선언합니다.

function foo() {
    var x = 9;
    if (x > 5) {
        let x = 7;
        console.log("Value of x in if statement = " + x);
    }
    console.log("Value of x outside if statement = " + x);
}
foo();

위 코드 조각에서는 let 문을 사용하여 범위 수준 지역 변수 x를 선언합니다. 따라서 if 문 내부의 변수 x 값을 업데이트해도 if 문 외부의 변수 x 값에는 영향을 주지 않습니다.

위 코드의 출력은 다음과 같습니다.

함수 scope(또는 전역 범위)를 사용하여 선언된 변수와 달리 let을 사용하여 선언된 변수는 블록 범위입니다. 정의되었습니다.

변수 호이스팅

let을 사용하여 선언된 변수는 var를 사용하여 선언된 변수와 다르게 호이스팅됩니다. 따라서 let을 사용하여 선언된 변수에는 변수 호이스팅이 없습니다. 즉, let을 사용하여 선언된 변수는 실행 컨텍스트의 맨 위로 이동되지 않습니다.

이를 더 잘 이해하려면 다음 코드를 살펴보세요.

function foo() {
    console.log(x);
    console.log(y);
    var x = 9;
    let y = 67;
}
foo();

출력으로 let 문을 사용하여 선언된 변수 y에 대해 ReferenceError가 발생합니다. let을 사용하여 선언된 변수는 실행 컨텍스트 위로 끌어올려지지 않습니다.

변수 재선언

같은 함수나 블록에서는 let을 사용해 변수를 재선언할 수 없습니다. 그렇게 하면 문법 오류가 발생합니다. 다음 코드를 살펴보세요.

function foo() {
    if(true){
        let x = 9;
        let x = 89;
    }
}
foo();

위 코드를 실행하면 아래와 같은 구문 오류가 발생합니다.

Temporary Dead Zone

때로는 let을 사용하여 선언된 변수가 임시 데드존을 발생시킬 수 있습니다. 다음 코드에서 x=x+67은 x개의 정의되지 않은 예외를 발생시킵니다.

이 오류가 발생하는 이유는 expression(x + 67)이 함수 범위 내의 지역 변수 x 값이 아닌 if 블록 범위 내의 지역 변수 x 값을 찾기 때문입니다. 위의 코드를 실행하면 다음과 같은 예외가 발생합니다.

블록 수준 범위 지정은 모든 프로그래밍 언어의 가장 중요한 기능 중 하나입니다. ECMAScript 6에 let 문이 도입되면서 JavaScript는 이제 이것도 기능이 있습니다. let 문을 사용하면 블록 범위 내에서 범위가 지정된 변수를 생성할 수 있습니다. 이는 전역 범위 변수, 클로저의 지역 변수의 예기치 않은 수정과 같은 많은 문제를 해결하고 더 깔끔한 코드를 작성하는 데 도움이 됩니다.

JavaScript 이해 시리즈의 다음 기사에서는 JavaScript 함수의 나머지 매개변수를 소개하겠습니다. 이에 대한 자세한 내용은 php.cn 웹사이트에서 확인할 수 있습니다. 또한 HTML5, Angular, React 또는 ASP.NET MVC와 함께 사용하여 풍부한 인터넷 애플리케이션을 만들 수 있는 Ignite UI를 확인하는 것도 잊지 마세요.

위 내용은 JavaScript의 이해와 let 문의 전문에 대한 내용입니다. 관심 있는 친구들이 함께 토론해 보세요.

관련 읽기:

JavaScript 이해, 함수의 기본 매개변수

Native js는 이동 가능한 프롬프트 div 상자 소스 코드를 구현합니다.

JavaScript 디버깅 기술

위 내용은 JavaScript를 이해하고 let 문을 이해하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!