let
블록 범위
let키워드를 사용하여 선언 된 변수 는 블록 범위이므로 선언 된 블록 에서만 사용할 수 있습니다 .
최상위 수준 (함수 외부)
최상위 수준에서를 사용하여 선언 된 변수는 let전역 객체에 대한 속성을 만들지 않습니다.
var globalVariable = 42;
let blockScopedVariable = 43;
console.log(globalVariable); // 42
console.log(blockScopedVariable); // 43
console.log(this.globalVariable); // 42
console.log(this.blockScopedVariable); // undefined
함수 내부
함수 내부 (하지만 블록 외부)의 let범위는와 같습니다 var.
(() => {
var functionScopedVariable = 42;
let blockScopedVariable = 43;
console.log(functionScopedVariable); // 42
console.log(blockScopedVariable); // 43
})();
console.log(functionScopedVariable); // ReferenceError: functionScopedVariable is not defined
console.log(blockScopedVariable); // ReferenceError: blockScopedVariable is not defined
블록 내부
let블록 내부를 사용하여 선언 된 변수는 해당 블록 외부에서 액세스 할 수 없습니다.
{
var globalVariable = 42;
let blockScopedVariable = 43;
console.log(globalVariable); // 42
console.log(blockScopedVariable); // 43
}
console.log(globalVariable); // 42
console.log(blockScopedVariable); // ReferenceError: blockScopedVariable is not defined
루프 내부
letin 루프로 선언 된 변수는 해당 루프 내에서만 참조 할 수 있습니다.
for (var i = 0; i < 3; i++) {
var j = i * 2;
}
console.log(i); // 3
console.log(j); // 4
for (let k = 0; k < 3; k++) {
let l = k * 2;
}
console.log(typeof k); // undefined
console.log(typeof l); // undefined
// Trying to do console.log(k) or console.log(l) here would throw a ReferenceError.
클로저가있는 루프
루프 let대신에 사용하면 var각 반복마다 새로운 변수가 생깁니다. 즉, 루프 내부에서 클로저를 안전하게 사용할 수 있습니다.
// Logs 3 thrice, not what we meant.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0);
}
// Logs 0, 1 and 2, as expected.
for (let j = 0; j < 3; j++) {
setTimeout(() => console.log(j), 0);
}
일시적 데드 존
일시적인 데드 존 (dead zone)으로 인해 선언 된 변수는 선언 let되기 전에 액세스 할 수 없습니다. 그렇게하려고하면 오류가 발생합니다.
console.log(noTDZ); // undefined
var noTDZ = 43;
console.log(hasTDZ); // ReferenceError: hasTDZ is not defined
let hasTDZ = 42;
다시 선언하지 않음
을 사용하여 동일한 변수를 여러 번 선언 할 수 없습니다 let. let또한를 사용하여 선언 된 다른 변수와 동일한 식별자를 사용하여 변수를 선언 할 수 없습니다 var.
var a;
var a; // Works fine.
let b;
let b; // SyntaxError: Identifier 'b' has already been declared
var c;
let c; // SyntaxError: Identifier 'c' has already been declared
const
const 꽤 비슷합니다 let - 그것은의 블록 범위와있다 TDZ. 그러나 다른 두 가지가 있습니다.
재 할당 없음
를 사용하여 선언 된 변수는 const재 할당 할 수 없습니다.
const a = 42;
a = 43; // TypeError: Assignment to constant variable.
값이 변경 불가능하다는 의미는 아닙니다. 여전히 속성을 변경할 수 있습니다.
const obj = {};
obj.a = 42;
console.log(obj.a); // 42
불변의 객체를 가지려면을 사용해야합니다 Object.freeze().
이니셜 라이저가 필요합니다
를 사용하여 변수를 선언 할 때는 항상 값을 지정해야합니다 const.
const a; // SyntaxError: Missing initializer in const declaration
let포함되며 최종 사양에 포함될 가능성이 높습니다.