자바스크립트 변수

변수

데이터를 저장하는 메모리 공간

 

 

변수를 쓰는 이유

1. 자주 쓰는 데이터값을 효율적으로 관리

2. 한번 찾은 데이터를 재활용하기 위함

 

 

 

console.log();

특정 데이터값을 콘솔탭에 출력

오류내용이나 특정 정보값을 확인하는 디버깅용도

console창

 

 

변수명 작성시 유의점 (식별자 = 변수이름)

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 자바스크립트 기초 정리