-
변수
데이터를 저장하는 메모리 공간
변수를 쓰는 이유
1. 자주 쓰는 데이터값을 효율적으로 관리
2. 한번 찾은 데이터를 재활용하기 위함
console.log();
특정 데이터값을 콘솔탭에 출력
오류내용이나 특정 정보값을 확인하는 디버깅용도
변수명 작성시 유의점 (식별자 = 변수이름)
1. 숫자로 시작 불가
2. 특수문자 삽입 불가 ($, _는 사용가능)
3. "-" 사용불가
//예약어=미리 지정되어있는 코드라서
//산수연산젱서 빼기의 예약어
4. 대소문자 구분 apple, APPLE
// 두개는 다른변수
5. 예약어 불가
//var, function
6. 한글 불가
es6방식의 변수 생성
es6방식의 변수 생성 let : 특정 변수에 저장이 값이 자주 바뀔때 const : 값이 바뀌면 안될때
자바스크립트 var, let, const 차이는?
[변수 선언 방법 3가지]
1. var
변수 사용법
var 변수명 = 대입할 값; es5방식의 변수생성 var num; /* 변수 선언 */ num = 3; /* 변수에 값 할당 */ var num = 3; /* 변수를 초기화*/
- 중복 선언 가능
- 선언을 안하고도 사용이 가능
- 사용범위(scope)는 function이다.
※var를 사용하면 안되는 이유
1. var hoisting 때문
2. var는 block scope를 무시하기 때문에
(block안에 선언하더라도 block 밖에서도 접근이 가능하다.)
2. let
let 기본 사용법
- let는 ES6(ESMAScript6) 이후의 변수 선언 방법 중 하나
- 사용방법은 var와 동일(var대신 let넣고 사용하면됨)
[특징]
1. 재선언 불가, 재할당은 가능하다. (중복선언 불가)
2. 블록스코프로 적용이 되어 외부에서 접근이 불가능하다.
3. 사용범위(scope)는 대괄호 ({}) 이다.
중복사용예시
- let로 선언을 한 변수에 대해서 중복선언을 하게 된다면 오류가 발생
더보기오류예시_
let lettest = "abcd"
console.log(lettest);
let lettest = "aabbcc"
console.log(lettest);
3. const
: 값을 선언함과 동시에 절대 다시 다시 값을 변경할 수 없음(immutable 데이터 타입)
- 변수의 값이 변경되지 않는다면 const를 사용해라!
1. 보안상의 이유
2. 동시에 스레드로 값을 변경할 수 없게
3. 나중에 코드를 변경할 때 실수를 줄일 수 있음.
[const 사용방법]
- const는 let와 마찬가지로 ES6(ESMAScript6) 이후에 나온 변수 선언 방식
- const는 상수인 것입니다.
즉, 선언하면서 초기화를 해주게 되고, 그 이후에는 읽기전용으로 수정이 안되는 것
더보기예시_
const consttest = "abcd"
console.log(consttest);
const consttest = "aabbcc"
console.log(consttest);
위와 같이 소스를 작성하였고 실행을 하게되면
처음 console.log로 출력해준 것은 정상적으로 나오나,
두번째로 값을 다시 할당할 때 에러가 발생
[특이점]
- 상수로 변경이 불가하다.
- 사용 범위(scope)는 대괄호({ }) 이다.
#const : 상수 값과 함수를 정의할때 많이 활용
#let : 반복문을 비롯한 나머지 변수를 선언할때 주로 활용
블로그참고
blog.naver.com/kjk_lokr/222308718000
https://blog.naver.com/julianneyi/222342825930
ES6 자바스크립트 기초 정리
반응형'코딩스터디 > Javascript' 카테고리의 다른 글
자바스크립트 조건문 (0) 2021.05.14 자바스크립트 함수 - 매개변수, 인수, 리턴 (0) 2021.05.14 자바스크립트 자료형 (0) 2021.05.13 자바스크립트 연산자 (0) 2021.05.13 자바스크립트 기초문법 (0) 2021.05.12 댓글