var , let , const ?

var

var의 영역(scope)를 나누는 기준은 무조건 function 키워드!!

여기서 var를 써버리면 자바랑 다르게 i = 11이 나온다. (전역변수로 사용되서 중괄호 밖에서도 사용가능)

<!DOCTYPE html>
<meta charset="UTF-8" />
<script>
// var vs let vs const (let과 const는 나중(ES6)에 나옴)
// var는 function 키워드에 갇히고, let은 {}에 갇힌다!

for(var i=0; i<10; i++) {}
alert("체크: " + i);

</script>

Untitled

function 안에서의 var 예

let

let은 중괄호 안에서만 사용되고 사라진다.

<!DOCTYPE html>
<meta charset="UTF-8" />
<script>
// var vs let vs const (let과 const는 나중(ES6)에 나옴)
// var는 function 키워드에 갇히고, let은 {}에 갇힌다!

for(let i=0; i<=10; i++) {
    console.log(i);
}
alert("체크: " + i);

</script>

Untitled

let 사용에 안좋은 예 (memory leak)

const

cosnt도 원시타입, 객체타입을 구분해서 사용법을 기억해야함!

<!DOCTYPE html>
<meta charset="UTF-8" />
<script>
// var vs let vs const (let과 const는 나중(ES6)에 나옴)
// var는 function 키워드에 갇히고, let은 {}에 갇힌다!

const cTest = "흥";
cTest = "치"; // 에러! cTest는 바뀔 수 없기 때문

</script>