[JavaScript] 자바스크립트의 변수(Variable)

변수란?

변수(Variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있다.

 

 

 

 

변수의 선언과 초기화

• 변수를 선언(배정, 할당, 정의)할 때 var, let 키워드 사용
• ES6(2015)부터는 let 사용 권장
• CamelCase - 자바, C, C++, C#에서 주로 사용
• snake_case - 자바스크립트, 파이썬에서 주로 사용(권장 방식)

// 변수의 선언
let myFirstVariable;
let my_first_variable; // 변수명만 선언, 값 X -> 변수를 메모리에 할당

// 변수의 초기화
myFirstVariable = 100;
my_first_variable = "thousand";

// 변수의 선언 및 초기화
let mySecondVariable = 10000;

// 변수의 값 변경
mySecondVariable = 10;

 

• 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저 한 후 초기화를 진행한다. 그러나 선언되지 않은 변수는 전역에 영향을 미치므로 가급적 사용하지 않는다. (다른 언어는 불가능하다.)

myThirdVariable = '전역변수';

 

 

 

 

변수명 작성 시 주의사항

• 누구나 알아볼 수 있는 변수명을 지어야 한다.

let crAge = 33; // cr이라는 의미 파악이 힘듬. 축약단어의 정도를 고려
let currAge = 22;

 

• 숫자로는 시작할 수 없다.

// let 15stage = 123; 변수명은 숫자로 시작할 수 없음. 중간이나 끝은 가능

 

• 변수명은 문자를 중심으로 구성하며 숫자는 정확한 의미를 부여할 수 있을 때 사용한다.

let send2msg = '보낼 메세지'; // 2 -> to
let love4you = "사랑합니다"; // 4 -> for
let upd8 = '업데이트 (upd eight)'; // 8 -> upd(ate) 발음 비슷

 

• 할당될 값과의 의미가 일치하도록 한다.

let yourAge = 24; // OK
yourAge = '이십사';// 굳이 이렇게?
yourAge = false; // 이건 무슨 의미?
yourAge = "why?"; // 나이는 일반적으로 문자를 배정하지 않음

 

 

 

 

콘솔에 변수 출력하기

let my_name = 'Oneul';
let my_age = 100;

console.log('이름 :', my_name); // 콤마(,)는 log 메서드의 구분 기호
console.log(`나이 : ${my_age}`); // 백틱 내부에 코드 삽입을 ${}을 통해 가능
console.log(`1 + 1 = ${1 + 1}`); // 연산도 가능

 

 

 

 

상수란?

• 상수란 한번 선언 및 초기화를 하면 변경할 수 없는 변수를 의미하며, 값이 고정되어 있다.
• const 키워드를 사용한다.
• 규칙, 룰, 참조값, 등급에 따른 할인율, 특정 기간 적용 이율, PI값, 고유번호 등에 이용된다.
• 상수명은 대문자로 snake_case를 사용한다.

let his_name = "john";
const HIS_AGE = 42; // 이후에 동일한 영역에 선언하거나 값을 변경할 수 없음
// HIS_AGE = 43; // 불가능!!!

 

 

 

 

※ 참고자료

http://www.tcpschool.com/javascript/intro

https://www.w3schools.com/js/default.asp