728x90
반응형
SMALL
변수
: 저장하는 데이터에 따라서 데이터 저장
<자바와 자바스크립트 변수 차이점>
| JAVA | JAVA SCRIPT |
| int | var |
| char | var |
| double | var |
| 정적타입/강력한 타입 언어 | 동적타입/느슨한 타입 언어 |
| - 자료형을 컴파일시 결정 - 컴파일시 자료형에 맞지않는 값이 들어있으면 컴파일 오류발생 |
- 자료형을 런타임 타입 언어 - 실행 도중 변수에 예상치 못한 데이터 값이 들어오면 Type Error발생 |
<변수 네이밍 법칙>
| 카멜표기법 | var userName | 변수명, 함수명 |
| 스네이크표기법 | var user_name | |
| 파스칼표기법 | var UserName | 클래스명, 생성자명 |
| 헝가리언표기법 | var strUserName |
: ECMAScript6 표준안에서 새로운 변수 키워드 등장
- let ( 변수)
- const ( 상수)
| var | let(변수) | const (상수) |
| 변수 재선언 가능 ex) var aValue=1 var aValue=2 // 가능 |
변수 재선언 불가능 ex) let aValue=1 let aValue=2 // 불가능 |
변수 재선언 불가능 ex) const aValue=1 const aValue=2 // 불가능 |
| 변수 재할당 가능 ex) var aValue=1 aValue=2 // 가능 |
변수 재할당 가능 ex) let aValue=1 aValue=2 // 가능 |
변수 재할당 불가능 ex) const aValue=1 aValue=2 // 불가능 |
1. var 증명
2. let 증명
3. const 증명
상수일 때 재할당 불가능하다는 오류
<최종코드>
<!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>Document</title>
</head>
<body>
<script>
//var : 재선언 가능, 재할당 가능
var a =1;
console.log(a);
var a =3; //재선언
console.log(a);
a=4; //재할당
console.log(a);
//let : 재선언 불가능, 재할당 가능
let b = 1;
console.log(b);
//let b = 3;
//console.log(b); //재선언
b=5; //재할당
console.log(b);
//const : 재선언 불가능, 재할당 불가능
const c = 1;
console.log(c);
// const c = 3;
// console.log(c); //재선언
c = 5;
console.log(c); //재할당
</script>
</body>
</html>
728x90
반응형
LIST
'스마트인재개발원 > 자바스크립트' 카테고리의 다른 글
| [JS] 자바스크립트 조건문/ 조건문 활용한 예제/ 입력창 입력값에 따른 배경색 지정/ 점수 입력 후 평균과 학점 계산 (0) | 2022.10.07 |
|---|---|
| [JS]자바스크립트 연산자 종류/예제/형변환 종류/사용방법 (0) | 2022.10.07 |
| [JS] 입력창에 입력된 값 콘솔창에 띄우기 / 자바스크립트 자료형 종류 및 특징/ undefined,null,NaN 차이점 (0) | 2022.10.06 |
| [JS]자바스크립트 실행오류 확인방법/입력과 출력 방법/콘솔창에 입력값 나오게하기 (0) | 2022.10.06 |
| [JS]자바스크립트 의미 /언어구별종류/특징/라이브러리와 프레임워크 차이 / 바닐라 자바스크립트란? (0) | 2022.10.06 |
