(JS) 자바스크립트 변수 기본기 (2019/9/6)

-개념

박스와 비슷한 느낌이다. 많은 양의 물건을 박스 한 곳에 담는다. 또한, 다양한 종류의 물건을 담을 수 있다.

 

 

-변수의 종류

1. var
2. let
3. const
(let, const는 ECMAscript6 (es6)에서 새로 생긴 변수의 종류)

 

 

-변수 선언

1. 각각 선언

변수 각각 선언

변수 a에는 숫자 1, 변수 b에는 숫자 2가 담긴다.

var 없이 변수를 선언할 수 있지만 나중에 스코프(scope) 문제로 변수를 선언할 때 var을 꼭 붙여서 선언하는 게 좋다.

 

2. 한 번에 선언

변수 한번에 선언

", "를 사용하여 var 없이 바로 선언 가능하다.

 

 

-식별자(Identifier)와 리터럴(literal)

1. 식별자(Identifier) 개념

변수를 만들 때 개발자가 정의하는 이름을 식별자라고 한다.

즉, 박스끼리 구별하기 쉽게 어떤 박스인지 이름을 적는 게 식별자이다. 

식별자

여기서, pygmalion, longshot, go가 식별자이다.

 

2. 식별자(Identifier) 작성 시 주의사항

-첫 글자로는 숫자를 사용할 수 없다.
-예약어를 식별자로 사용할 수 없다. 

(예약어란, 자바스크립트에서 자체적으로 다른 용도로 사용하기 위해 이미 정의해놓은 이름을 말한다.)

-대문자와 소문자를 구분한다. (var go = 1; 과 var Go = 1; 은 다른 변수이다.)

-사용할 수 있는 문자는 알파벳(소문자, 대문자), _(밑줄) , $ , 숫자이다.

 

3. 리터럴(literal) 개념

변수에 담은 값을 리터럴이라고 한다. 즉, 박스에 담긴 물건을 리터럴이라고 한다.

위에서 superman, can, high가 리터럴이다.

 

4. 리터럴(literal) 종류

1. 숫자

2. 문자 또는 문자열

3.boolean(불리언)

4.unundefined, null

5. 함수

6. 객체 또는 배열 등등

 

변수에 숫자 담기

Thisyear에 2019 숫자, Thismonth에 9 숫자, Thisday에 6 숫자 가 담긴다.

 

변수에 문자 또는 문자열 담기

변수 hey에 u 문자, 변수 so에 what 문자열, 변수 come에 on 문자열이 담긴다.

 

변수에 불리언 담기

변수 I에 true, 변수 you에 false 가 담긴다. boolean 같은 경우 변수에 담아서 사용하기보다는 조건문에 값을 평가하여 실행 여부를 체크하는데 많이 사용된다.

 

변수에 객체 담기

변수 thisObject에 object1: 'first', object2: 'second', object3: 'Third'이 담겨있다. 만약, object1의 값을 console에 호출하려면 console.log(thisObject.object1)로 하면 된다.

 

변수에 배열담기

변수 thisArray에 배열 형식으로 Americano, CaffeLatte, Cafemocha 값이 담겨있다. thisArray [0], thisArray [1], thisArray [3]으로 호출할 수 있다. 배열에서 index는 0부터 시작이기 때문에 thisArray [0]은 Americano를 thisArray [1]은 CaffeLatte를 thisArray [3]은 Cafemocha를 가리킨다.

(index : 배열에서의 위치를 가리키는 숫자는 인덱스(index)라고 한다.)

 

변수에 함수 담기

변수 saveFunction에 익명 함수가 담긴다. 이 익명 함수에는 console.log에 'drop the Function!'을 출력하라는 실행문이 담겼다.  saveFunction()를 사용하여 변수에 담긴 익명 함수를 호출한다.