될때까지

JavaScript study :: 변수 var, let, const 본문

학습/JavaScript, TypeScript

JavaScript study :: 변수 var, let, const

랖니 2022. 3. 10. 21:53
728x90

오늘은 그 유명하고 어렵다는 JavaScript 스터디를 시작했다. 두둥 두둥 무서워😫

웹 구현에 있어서 HTML은 정보 담당, CSS는 디자인, JavaScript는 기능을 담당한다고 한다. 그렇다면 당연히 셋 중 JavaScript가 난이도 끝판왕이겠지?

세시간 정도 JavaScript언어를 써보며 배워봤는데, 간단하고 쉬운 파이썬으로 주로 학습을 했던 나에게 JavaScript는 상당히 까다로운 언어라고 느껴졌다. 약간... 파이썬 보다는 자바와 비슷한 느낌!?

작년에 두달정도 자바 기초 수업을 들었던 적이 있었는데, 다행히도 그때의 경험이 도움이 되서 JavaScript가 (아직까지는) 어렵게 느껴지지는 않았다. 참 다행이다. 

자 그럼, 오늘부터는 JavaScript를 스터디하면서 배운 내용들을 블로그에 정리해보도록 하자!

 


 

변수

JavaScript에서는 var, let, const의 3가지 키워드로 변수를 선언할 수 있다. 어떤 변수를 사용하느냐에 따라 변수의 유효범위가 달라진다.

var     variable 변하는 수로, 변수 재선언 O, 재할당 O
let     변수 재선언 O, 재할당 X
    변할 수 있는 값은 let으로 선언하자.
const     절대 바뀌지 않는 상수로, 재선언 X, 재할당 X
    변하지 않는 값은 const로 선언하자.
    상수는 다른 개발자들도 알 수 있게 가급적이면 대문자로 선언하자.

 

const name = "New ssack";
const message = `My name is ${name}`;
console.log(message)   /*"My name is New ssack"*/

const message2 = "My name is ${name}";
console.log(message2)  /*"My name is ${name}"*/

 

변수명을 따로 정하지 않고 코딩했던 파이썬과 다르게, 자바스크립트는 미리 변수 선언을 해야한다는 점이 특이하다.

그리고 문장이 끝난 후 ;로 끝남 처리를 해줘야 에러가 안나는 점도 특이하다.

또한 생성한 변수를 ${}안에서 넣어서 호출할 때, 파이썬처럼 따옴표로 감싸면 변수 호출이 아니라 변수명이 그대로 출력되니 주의해야겠다.

728x90