DevSSOM

javaScript - 변수 var, let, const 본문

JavaScript/기초

javaScript - 변수 var, let, const

데브쏨 2021. 7. 22. 19:45
반응형

변수(variable)

변경될 수 있는 값을 말함. 

 

var

자바스크립트 초창기 변수선언 코드. 이제 쓰지 말자. 문제점이 많음(변수의 중복선언이 가능). let과 const로 대신하기.

 

let

자바스크립트에서는 변수를 만들 때 let이라는 키워드를 이용. 이 let은 ES6에서 새로 추가됨. 변수를 중복선언(만들었던 변수를 또 만드는거야)하게 되면 에러메시지가 뜸. 그래서 서로 다른 개발자들이 똑같은 변수를 선언하는 일이 없어지니까 안전성 있게 됨. 변수의 데이터 값을 수정할 수 있는 mutable 타입.

let name = "devSsom";  // name이라는 변수에 devSsom이라는 값을 할당
console.log(name);     // devSsom

name = "hello";        // name이라는 변수에 hello라는 값을 다시 할당
console.log(name);     // hello

const

constants는 한 번 할당하면 값이 절대 바뀌지 않는 애를 말함. 값을 선언함과 동시에 할당한 이후로는, 그 담에 절대 변경이 안됨. 그래서 Immutable 데이터라고 함. const 키워드로 선언한 변수는 데이터를 변경할 수 없어서 변수가 아니라 상수(변하지 않는 수)라고 부름.

 

웬만하면 값을 할당한 다음에 다시는 변경되지 않는 변수를 쓰면 좋음. 실수를 줄일 수 있고, 보안상에도 좋음. 그리고, 얘도 마찬가지로 변수를 중복선언하게 되면 에러메시지가 뜸.

 

cf. 참고로, 상수나 축약어의 변수명은 대문자와 스네이크케이스 방식으로 작성함. 축약어는 대다수 상수로 정의해야 하고, 축약어가 아니더라도 상수를 const 키워드로 선언했다고 하면, 무조건 대문자로 작성하고, 단어와 단어 사이를 언더바(_)로 연결하는 스네이크케이스 방식으로 써야 함.

const HTML = "Hyper Text Markup Language";
const MAX_LEVEL = "99";

 

 

 

728x90
반응형
댓글