[javascript] JavaScript의 Const : 언제 사용해야합니까?

2017 년 업데이트

이 답변은 여전히 ​​많은 관심을 받고 있습니다. 이 답변은 2014 년 초에 게시되었으며 그 이후로 많은 변화가 있었다는 점에 주목할 가치가 있습니다.ecmascript-6지원은 이제 표준입니다. 모든 최신 브라우저는 이제 지원 const하므로 문제없이 사용하는 것이 안전합니다.

2014 년 원문

상당히 괜찮은 브라우저 지원 에도 불구하고 지금은 사용하지 않는 것이 좋습니다. 에서 의 MDN의 기사const :

const의 현재 구현은 Mozilla 전용 확장이며 ECMAScript 5의 일부가 아닙니다. Firefox & Chrome (V8)에서 지원됩니다. Safari 5.1.7 및 Opera 12.00부터 이러한 브라우저에서 const를 사용하여 변수를 정의하면 나중에 해당 값을 변경할 수 있습니다. Internet Explorer 6-10에서는 지원되지 않지만 Internet Explorer 11에는 포함되어 있습니다. const 키워드는 현재 var로 선언 된 변수와 같이 함수 범위에서 상수를 선언합니다.

그런 다음 계속 말합니다.

constECMAScript 6에 의해 정의되지만 의미가 다릅니다. let 문으로 선언 된 변수와 유사하게 const로 선언 된 상수는 블록 범위가됩니다.

사용하는 경우 const약간 오래된 브라우저를 지원하려면 해결 방법을 추가해야합니다.

답변

var hello = 'world' // assigning
hello = 'bonjour!' // reassigning

const hello = 'world'
hello = 'bonjour!' // error

const marks = [92, 83]
marks.push(95)
console.log(marks) // [92, 83, 95] -> the variable has been mutated.

var a = 5
a += 2 // is the same as a = a + 2

// Will output 'SECRET'

const x = 'SECRET'
if (x = 'ANOTHER_SECRET') {  // Warning! assigning a value variable in an if condition
    console.log (x)
}

// Will output 'ANOTHER_SECRET'

var y = 'SECRET'
if (y = 'ANOTHER_SECRET') {
    console.log (y)
}

// Will throw TypeError: const 'x' has already been declared

const x = "SECRET"

/*  complex code */

var x = 0

// Will reassign y and cause trouble

var y = "SECRET"

/*  complex code */

var y = 0

var a;
a = 1;
a = 2;//re-initialize possible
var a = 3;//re-declare
console.log(a);//3

let b;
b = 5;
b = 6;//re-initiliaze possible
// let b = 7; //re-declare not possible
console.log(b);

// const c;
// c = 9;   //initialization and declaration at same place
const c = 9;
// const c = 9;// re-declare and initialization is not possible
console.log(c);//9
// NOTE: Constants can be declared with uppercase or lowercase, but a common
// convention is to use all-uppercase letters.

const pi = 3.1415926535