📌 var
- 문자, 숫자, 배열 등 모든 변수는 var로 선언한다.
- 변수 재선언 가능, 재할당 모두 가능하다.
📌 let
- 변수 재할당은 가능하지만 재선언은 불가능하다.
📌 const
- 일종의 상수이다.
- 변수 재선언과 재할당 모두 불가능 하다.
📌 재선언과 재할당의 차이
<script type="text/javascript"> var varNmae = "varName1..."; let letName = "letName1..."; const constName = "constName1..."; --> 변수 선언varName = 100; document.write("1.var -->"+varName+"<br>"); letName = 300; document.write("1.let -->"+letName+"<br>"); --> var와 let의 변수 재할당// constName = 500; // document.write("2.const --> "+constName+"<br>"); --> const는 재선언 재할당 모두 불가능함.var varName = "varName2..."; document.write("2.var --> "+varName+"<br>"); --> var는 변수 재선언 가능// let letName = "letName2...."; --> let은 재선언 불가능
📌 지역변수와 전역변수
<script type="text/javascript">
a = 7;
b = "대박";
var c = 1.56;
var d = '5분';
let e = 'eee분';
document.write("정수 a : " + a + "<p>");
document.write("문자 b : " + b + "<p>");
document.write("실수 c : " + c + "<p>");
document.write("문자 d : " + d + "<p>");
document.write("문자 e : " + e + "<p>");
function varTest() {
alert('varTest Click');
var x = 1;
alert('1. varTest x--> '+x);
var x = 2;
alert('2. varTest x--> '+x);
if(true){
var x = 3; // 같은 변수
alert('3. varTest1 x->' + x);
} // var 변수는 블록 안에서 재할당되더라도 위에 var x와 같은 변수인것을 확인할 수 있다.(전역변수 느낌)
alert('4.varTest1 x->'+x);
}
function letTest() {
alert('letTest Click');
let x = 1;
alert('1.letTest x-> '+x);
x = 2; // 재선언 X, 재할당 O 즉, let x = 2; 는 불가능
alert('2.letTest x-> '+x);
if(true){
let x = 3; // 다른 변수
alert('3.letTest x->'+ x);
} // let 변수는 블록에 있는 변수는 아예 다른 변수이다 (지역변수 느낌)
alert("4.letTest x->"+x);
}
</script>
</head>
<body>
<h1>var_let2</h1>
<button onmouseover="varTest()">varTest</button>
<!-- //onclick은 varTestf라는 버튼을 누르는 순간 varTest() 가 실행된다. -->
<!-- onclick뿐만아니라 on으로 시작하는 여러가지 기능이 있다 -->
<button onclick="letTest()">letTest</button>
</body>
마포구 주민