변수
- 데이터를 저장할 수 있는 메모리 공간
- 값이 변경될 수 있음
- 자바스크립트의 변수는 타입이 없음
- let 키워드를 사용하여 변수를 선언
선언 방식
1.var
- 지역변수, 전역변수와의 구별이 없음
- 같은 이름의 변수를 선언할 수 있음
- 성능상 쓸 필요가 없지만 알아두자
console.log(num);
var num = 10;
{
console.log(num); // 전역변수 num = 10
var num = 20; // 지역변수 num = 20
}
console.log(num); // 전역변수 num = 20 으로 된다.
2.let
- 지역변수, 전역변수의 구별이 확실
- 같은 이름의 변수를 선언할 수 없음
let 변수명 = 값;
또는
let 변수명;
변수명 = 값;
HTML 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>변수</title>
</head>
<body>
<h2>변수</h2>
<script>
var num;
num = 10;
console.log(num);
str='안녕'
console.log(str);
var str = '반가워';
console.log(str);
{
console.log(num);
var num = 30;
console.log(num);
}
console.log(num);
console.log('-------------');
val =10;
console.log(val);
//let val = 20; 에러!
{
console.log(val);
//let val = 30; 에러!
}
console.log(val);
let sa = 30;
console.log(sa);
sa = 40;
console.log(sa);
</script>
</body>
</html>
결과
Web API Console 을 통해 브라우저 Consle 창에 출력되기 때문에 개발자 모드에서 Console창을 통해 확인하자
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| JavaScript_데이터 타입 (0) | 2023.04.04 |
|---|---|
| JavaScript_상수 (0) | 2023.04.04 |
| JavaScript _실행 순서 (0) | 2023.04.04 |
| CSS_우선순위 (0) | 2023.04.03 |
| CSS_animation (0) | 2023.04.03 |
