반응형
자바스크립트 변수의 정의와 용도, 사용법에 대한 정리.
변수 (Variable)
- 변수는 특성 데이터 값을 임시로 저장하는 공간이다.
ex_ var 변수명 = 대입할 값; - 한 번 찾은 데이터를 재활용하기 위해서 사용한다.
- 변수들을 가지고 다양한 연산을 할 수 있다.
- 자주 쓰는 데이터 값을 효율적으로 관리하기 위해서 사용한다.
const title = document.querySelector("#title")
const plus = "WORLD";
let message = `HELLO ${plus}`;
console.log(message);변수를 포함한 문자는 백틱으로 감싸고, 변수는 ${변수명} 으로 불러온 모습.
- 변수에서 문자는 반드시 ""(쌍따옴표), ''(홑따옴표=작은따옴표), ``(억음부호=backtick)으로 감싸야 한다.
- ""와 ''는 구분이 없으나, ``는 ES(ECMA Script. 자바스크립트의 버전)6 이후부터 사용 가능하다. IE는 불가하다.
- 억음부호는 두 따옴표 밖에서 또 묶어야 할 때(`"내용"`), 중간에 개행될 때, 따옴표가 사용될 수 없을 때 사용한다.
변수 선언 방법
변수 선언에는 3가지 방법이 있다.
var example1 = 36;
const example2 = 42;
let example3 = 58;
- var
ex_ var example1 = 36;- 예전부터 쓰여온 변수 선언 형태
- 변경될 수 있는 값을 저장할 때 사용한다.
- 변수 값을 덮어쓸 수 있다.
- 호이스팅(Hoisting)이라는 문제가 있어서 let으로 대체되고 있는 추세다.
- 그러나 여전히 오래된 구문에 남아있기 때문에 많이 쓰이고 있다.
- const
ex_ const example2 = 42;- 변수가 절대 변하지 않는 값(상수)일 경우 사용한다.
- let
ex_ let example3 = 58;- var의 호이스팅 문제를 해결한 방법. ES6 이후로는 이것을 많이 사용한다.
- 변경될 수 있는 값을 저장할 때 사용한다.
- 변수 값을 덮어쓸 수 있다.
변수 작성 시 유의할 점
- 숫자로 시작할 수 없다.
- 특수문자는 삽입할 수 없다. ($, _는 예외적으로 가능)
- 예약어는 사용할 수 없다.
ex_ -(하이픈), function, var... - 대소문자는 다른 언어로 구분된다.
ex_ apple과 Apple은 다른 변수로 취급된다. - 한글로 변수를 쓸 수 있지만, 가능하면 피하는 게 좋다.
변수의 Scope (유효 범위)
- 지역변수 (Local Variable) - 한 지역(블록) 안에서 선언된 변수. 해당 블록 안에서만 사용가능.
function() { let abc = 123; } - 전역변수 (Global Variable) - 블록 밖에서 선언되는 변수. 어디서든지 읽힌다. 특정 변수값을 여러개의 서로 다른 함수(블록)들이 공유해야 할 때 사용한다.
자바스크립트의 변수에 대해 정리해보았다. 자바스크립트를 다루기 위해 가장 기본적으로 해야 하는 것이 변수 선언으로, 어떻게 선언해야 하는지, 그리고 어떻게 쓸 수 있는지 상세하게 알아두어야겠다.
반응형
