Let 키워드

Let 키워드

let 키워드는 키워드가 사용되는 블록 문 또는 식의 범위로 제한되는 변수를 선언합니다. 선택적 매개변수value가 있는 블록 범위 변수를 선언하는 데 사용됩니다. 다시 선언할 수 없으며 사용하기 전에 먼저 선언해야 합니다.let 키워드는 ES6(2015)에서 도입되었습니다.

통사론

let name1 [= value1], name2 [= value2] … nameN [= valueN];

매개변수nameN:변수의 이름입니다
valueN (선택사항):
변수에 할당할 값입니다.

재선언 불가

let로 선언된 변수는 다시 선언할 수 없으며 구문 오류가 발생합니다.

SyntaxError: 'variableName' has already been declared

예시:

let user = "John Carter";

let user = 5;

// SyntaxError: 'user' has already been declared

블록 범위

ES6(2015) 이전에는 JavaScript에 전역 범위와 함수 범위만 있었습니다. ES6는 블록 범위를 갖는 두 개의 키워드 let 및 const 를 도입했습니다.

두 개의 중괄호{...} 사이에 있는 본문을 블록 범위라고 합니다. let 내부에 선언된 const 및 {...} 변수는 외부에서 액세스할 수 없습니다.

{
  let id = 1;
}
// id can NOT be used here

변수 재선언

이제 우리는 let가 블록 범위 변수이므로 해당 값이 동일한 이름을 가진 블록 외부에서 선언된 변수에 영향을 미치지 않는다는 것을 알고 있습니다.

let color = “Black”;
// Here color is Black

{
    let color = “Red”;
    // Here color is Red
}

// Here color is Black

게양하자

JavaScript Hoisting은 인터프리터가 코드를 실행하기 전에 함수, 변수 또는 클래스의 선언을 해당 범위의 맨 위로 이동하는 것처럼 보이는 프로세스를 나타냅니다. 호이스팅을 사용하면 함수가 선언되기 전에 코드에서 안전하게 사용할 수 있습니다.
let로 정의된 변수는 블록의 맨 위로 호이스트되지만 초기화되지는 않습니다. 의미: let 변수를 선언하기 전에 사용하면 ReferenceError:

color = "Black";
let color = "Red";

ReferenceError: Cannot access 'color' before initialization

결론

let는 루프의 카운터 또는 알고리즘의 값 스왑과 같이 변수를 재할당할 수 있음을 나타내는 신호입니다. 또한 변수가 정의된 블록에서만 변수가 사용된다는 신호를 보냅니다. 항상 포함하는 전체 함수는 아닙니다.

모아잠 알리 팔로우

Hi there, I am Moazam Ali, a Frontend Engineer based in Pakistan. Having around 2+ years of experience in frontend development.