We will find a way, we always have.

-interstellar

Programming Language/자바스크립트

[자바스크립트] 변수 (Variables)

Redddy 2022. 5. 1. 12:00

자바스크립트에서 변수 선언을 어떻게 하는지 알아보자!

변수 선언은 constlet 또는 var를 사용하여 변수 선언을 한다. const와 let 그리고 var의 차이점은 재선언과 재할당이 가능여부에 달려있다.

const

자바스크립트에 저렇게 입력하고 저장하면 콘솔창에 다음과 같이 나타난다.

log

 

#Javascript

let a = b;
let a = c;
//재선언 금지

let a = b;
a = c;
//재할당은 가능

const a = b;
const a = c;
//재선언 금지

const a = b;
a = c;
//재할당 금지

var a = b;
var a = c;
a = d;
//재선언, 재할당 가능

 

const : 재선언 금지, 재할당 금지 

상수라는 의미의 const. 변수 선언후 변경이 불가하다. 바뀌지 않는 변수라면 웬만하면 const 사용!

let : 재선언 금지, 재할당 가능

업데이트가 필요한 변수라면 let을 사용합시다!

var : 재선언 가능, 재할당 가능

과거에는 var형 변수를 썼는데, 실수로 값을 업데이트하여도 알아차리지 못한다는 단점이 있다. 그러니 var은 사용하지 말자!!

 

 

 

이렇게 정리할 수 있다.

 

코드의 변수만 보고 우리는 프로그래머의 의도를 알아차릴수가 있다. 만약 const age;를 사용하였다면 age 값은 그 코드내에서는 절대 변하지 않을 것이다.

 

 

변수 네이밍!

프로그래밍을 하다보면 네이밍이 매우 중요하다는 것을 깨닫게 된다. 함수를 돌려보다가 이 변수가 어떤 변수를 의미하는지 그 이름만 보고 딱 알 수 있어야 하며 또 너무 긴 변수 이름은 선호하지 않는다. 즉 누구나 이 변수가 무슨 일을 하는지 알면서도 심플한 네이밍을 해야 네이밍을 잘한다고 소문이 날 것이다.

 

네이밍 방법에도 크게 두가지가 있다. 하나는 camelCase와 또다른 하나는 snake_case이다. 이들의 차이점이 무엇인지 살펴보자

 

🐫 camelCase

camelCase는 이름에서 힌트를 준 것처럼 대소문자로 띄어쓰기를 구분한다. 낙타의 등처럼 울퉁불퉁 하다는데에서 이름을 따왔다. 만약 very important things 라는 변수를 camelCase에 적용시킨다면 veryImportantThings 요로코롬 나온다.

자바스크립트에서는 이 camelCase를 사용한다!

 

 🐍 snake_case

snake_case는 소문자로 작성하되 띄어쓰기를 _ 요 언더바를 사용하여 나타낸다. very important things를 snake_case에 적용시킨다면 very_important_things 이처럼 만들 것이다.

파이썬에서는 snake_case를 주로 사용한다.

 

🚫 변수 네이밍 시 주의사항

변수를 정할때 지켜야 하는 규칙이 있다.

 

1. 첫글자는 무조건 문자로! 숫자를 변수명 제일 앞에 사용할 수 없다.

2. "_"와 "$"를 제외한 특수문자 사용금지!

3. 예약어 사용금지! 

4. 대소문자는 구분한다!