See the Pen 자바스크립트 const by nilgi (@nilgi) on CodePen.
▸const 재설정, 재할당할 수 없다.
const a = 24
a = 12 // 오류
a = a + 12 //오류
▸const 사용
새 Array(정렬, 배열), Object(개체), Function(기능), RegExp(정규표현)
const는 상수의 값, 배열, 개체를 재할당할 수 없지만 상수 배열의 요소, 객체의 속성은 변경할 수 있다.
<p id="const1"></p>
<script>
const name = ["cpu", "case", "video card"];
name[2] = "ram";
name.push("mouse");
document.getElementById("const1").innerHTML = name;
</script>
>> cpu,case,ram,mouse
const name = ["cpu", "case", "video card"];
name = ["power", "case", "ssd"]; // 재할당 X
▸const의 개체를 변경할 수 있다.
<p id="const2"></p>
<script>
const nilgi = {bloodtype:"AB", weight:"68kg", gender:"mail"}; // object:
nilgi.color = "#333333"; // Change a property:
nilgi.blog = "nilgi.tistory.com"; // Add a property:
document.getElementById("const2").innerHTML = "내 블로그 주소는 " + nilgi.blog;
</script>
>>> 내 블로그 주소는 nilgi.tistory.com
const nilgi = {bloodtype:"AB", weight:"68kg", gender:"mail"};
nilgi = {bloodtype:"AB RH+", weight:"168kg", gender:"femail"}; // 개체 재할당 불가능.
▸const {블록}은 let의 {블록]과 거의 비슷하다.
동일 선상 기존 let. var 값을 const로 재선언할 수 없다.
var n = 7; // 적용
const n = 7; // 비적용
{
let n = 7; // 적용
const n = 7; // 비적용
}
{
const n = 7; // 적용
const n = 7; // 비적용
}
동일 선상 기존 const 값을 새 const 값을 재할당할 수 없다.
const n = 7; // 적용
n = 7; // 비적용
var n = 7; // 비적용
let n = 7; // 비적용
const n = 7; // 비적용
{
const n = 7; // 적용
n = 7; // 비적용
var n = 7; // 비적용
let n = 7; // 비적용
const n = 7; // 비적용
}
다른 범위에는 재설정할 수 있다.
const n = 7; // 적용
{
const n = 8; // 적용
}
{
const n = 9; // 적용
}