변수 선언

*코드팩토리 님의 강의를 듣고 제가 정리한 글입니다

/**

 * Variavle 선언하기(변수 선언)

 *

 * 1) var - 더이상 쓰지 않는다

 * 2) let

 * 3) const

 */

자바스크립트에서 변수는

var

let

const

가 있는데

 

var 는 더이상 쓰지 않는다고 한다

하지만 옛날에 만들어진 웹들은 var가 사용된 경우가 많아서

이해는 하고 가야한다고 한다

var name = '코드팩토리';

console.log(name);

이렇게 var name = '코드팩토리' 라는 변수를 선언했다

name 이라는 변수의 값이 코드팩토리 인것이다

그리고 console.log로 ()(괄호) 안에 선언한 변수를 입력하면 

console.log(name);

[Running] node "c:\Users\young hwan\Desktop\coding\Html,CSS,JavaScript\JavaScript\1_basics\3_declaring_variable.js"

코드팩토리

[Done] exited with code=0 in 0.081 seconds

이렇게 코드팩토리 가 출력되는걸 볼 수 있다

var name = '코드팩토리';

console.log(name);

var age = 32;

console.log(age);

let ive = '아이브';

console.log(ive);

[Running] node "c:\Users\young hwan\Desktop\coding\Html,CSS,JavaScript\JavaScript\1_basics\3_declaring_variable.js"

코드팩토리

32

아이브

[Done] exited with code=0 in 0.078 seconds

이런 식이다

/**

 * let과 var로 선언하면

 * 값을 추후 변경할 수 있다

 */

var랑 let은 변수값을 나중에 변경할 수도 있다고 한다

var name = '코드팩토리';

console.log(name);

var age = 32;

console.log(age);

let ive = '아이브';

console.log(ive);

/**

 * let과 var로 선언하면

 * 값을 추후 변경할 수 있다

 */

ive = '안유진';

console.log(ive);

이렇게 3번째 변수에 let 으로 ive라는 변수와 '아이브'라는 변수값을 지정해 줬었는데

맨 밑에 ive = '안유진' 이라는 변수를 다시 선언하면

[Running] node "c:\Users\young hwan\Desktop\coding\Html,CSS,JavaScript\JavaScript\1_basics\3_declaring_variable.js"

코드팩토리

32

아이브

안유진

[Done] exited with code=0 in 0.079 seconds

이렇게 값이 바뀌는걸 볼 수 있다

 

const newJeans = '뉴진스';

console.log(newJeans);

[Running] node "c:\Users\young hwan\Desktop\coding\Html,CSS,JavaScript\JavaScript\1_basics\3_declaring_variable.js"

코드팩토리

32

아이브

안유진

뉴진스

[Done] exited with code=0 in 0.08 seconds

const로 변수를 선언해 뉴진스 라는 값을 출력했다

const newJeans = '뉴진스';

console.log(newJeans);

newJeans = '코드팩토리';

그리고 똑같은 변수 이름으로 다른 변수값을 선언하면

newJeans = '코드팩토리';

         ^

TypeError: Assignment to constant variable.

    at Object.<anonymous> (c:\Users\young hwan\Desktop\coding\Html,CSS,JavaScript\JavaScript\1_basics\3_declaring_variable.js:28:10)

    at Module._compile (node:internal/modules/cjs/loader:1256:14)

    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)

    at Module.load (node:internal/modules/cjs/loader:1119:32)

    at Module._load (node:internal/modules/cjs/loader:960:12)

    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)

    at node:internal/main/run_main_module:23:47

Node.js v18.17.1

[Done] exited with code=1 in 0.082 seconds

이렇게 에러가 난다

Assignment to constant variable.

위의 사진에서 밑줄친 부분이 에러명으로

constant variable : const로 선언한 변수에 

Assignment : 값을 또 배정할 수 없다

라는 에러문구이다

 

그래서 const 키워드로 변수를 선언하면 나중에 값을 바꿀수가 없다

 

/**

 * 선언과 할당

 *

 * 1) 변수를 선언하는 것.

 * 2) 할당

 */

var name;

위의 var name; 처럼

var 또는 let, const 키워드를 사용해 변수의 이름을 넣어주는 과정이

변수를 선언하는 것

var name = '갓용환'

위의 var name='갓용환' 처럼

선언한 변수의 값을 넣어주는게 할당이다

 

let girdFriend;

console.log(girdFriend);

변수만 선언하고 할당을 안해주면

코드팩토리

32

아이브

안유진

뉴진스

갓용환

undefined

[Done] exited with code=0 in 0.08 seconds

맨 밑에 undefined 가 출력된다

이건 정의되지 않았다는 뜻이다

변수가 선언은 됬지만 값이 정의되지 않아서

undefined가 출력되는 것이다

const 키워드로 변수만 선언했을때

변수 이름밑에 빨간줄이 생기는걸 볼 수있다

 

let과 var 키워드는 변수만 선언해도 문제는 안되지만

const 키워드는 변수만 선언하면 안되는 차이점을 볼 수 있다