*코드팩토리 님의 강의를 듣고 제가 정리한 글입니다
/**
* 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 또는 let, const 키워드를 사용해 변수의 이름을 넣어주는 과정이
변수를 선언하는 것
위의 var name='갓용환' 처럼
선언한 변수의 값을 넣어주는게 할당이다
let girdFriend;
console.log(girdFriend);
변수만 선언하고 할당을 안해주면
코드팩토리
32
아이브
안유진
뉴진스
갓용환
undefined
[Done] exited with code=0 in 0.08 seconds
맨 밑에 undefined 가 출력된다
이건 정의되지 않았다는 뜻이다
변수가 선언은 됬지만 값이 정의되지 않아서
undefined가 출력되는 것이다
const 키워드로 변수만 선언했을때
변수 이름밑에 빨간줄이 생기는걸 볼 수있다
let과 var 키워드는 변수만 선언해도 문제는 안되지만
const 키워드는 변수만 선언하면 안되는 차이점을 볼 수 있다