ES6 let 및 const 명령에 대한 심층 설명

let 및 const로 선언된 변수는 코드 블록 내에서만 유효합니다

{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1

변수 승격이 없습니다

변수 선언 후에는 Use에 있어야 합니다. 그렇지 않으면 오류가 보고됩니다.

var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}

반복 선언은 허용되지 않습니다.

// 报错
function () {
let a = 10;
var a = 1;
}

블록 수준 범위

function f() { console.log('I am outside!'); }
(function () {
if(false) {
// 重复声明一次函数f
function f() { console.log('I am inside!'); }
}
f();
}());
//I am inside! ES5 函数提升
//I am outside! ES6 块级作用域

const 명령

은 읽기 전용 상수를 선언합니다. 한번 선언된 상수의 값은 변경할 수 없습니다

한번 선언된 변수는 즉시 초기화되어야 하며 나중에 할당할 수 없습니다

전역 변수 선언 let 명령에 의해 const 명령과 class 명령은 전역 객체 속성에 속하지 않습니다

var a = 1;
// 如果在Node的REPL环境，可以写成global.a
// 或者采用通用方法，写成this.a
window.a // 1
let b = 1;
window.b // undefined

ES6의 const 명령을 소개하겠습니다. 별도로

ecma를 핵심 개념으로 하는 js에는 항상 상수가 없었습니다. es6은 이러한 결함을 보완합니다.

const foo='foo';
foo='bar';//TypeError: Assignment to constant variable.

위의 예에서는 기본형의 상수를 선언하고 있는데, 초기값을 수정하려고 하면 에러를 보고하고, 참조형 값인 경우에도 마찬가지지만 주의할 점이 하나 있습니다. 예:

const foo=[];　　
foo=[1];//Assignment to constant variable.

왜 오류가 보고되지 않나요? 그리고 수정이 성공할 수 있을까요? 이 두 예제의 차이점은 전자는 포인터를 수정하고(js 참조 유형에 익숙해야 함) 해당 내용이 변경된 반면, 후자는 동일한 것을 가리키지 않지만 객체의 내용이 변경되었다는 것입니다. foo의 경우 포인터는 해당 개체를 가리키는 역할만 합니다. 개체의 내용은 중요하지 않으므로 내용이 변경되는 것을 원하지 않으면 수정할 수 있습니다. 다른 방법을 사용할 수 있습니다.

const foo=[1,2,3];
foo[1]=4;
console.log(foo)//[1, 4, 3]

이렇게 하면 수정에 대해 걱정할 필요가 없습니다.

ES6의 let 및 const 명령에 대한 기사는 PHP 중국어 웹사이트에 주목하세요!

const foo=Object.freeze([1,2,3]);
foo[1]=4;
console.log(foo)//[1, 2, 3]