1. 자바스크립트 변수(variable)

sungjin6576·2022년 4월 18일
1

JavaScript

목록 보기
1/1

자바스크립트 변수 선언규칙

혼자 코딩을 한다면 상관없지만 남들에게 나의 코드를 공유할 때나 팀 프로젝트를 할 때 변수를 알아보기 쉽게 선언하는 것은 중요한 문제이다
이 때 고려할 수 있는 몇가지 사항들은 다음과 같다

자바스크립트에서 변수를 선언하는 방법에는 3가지가 있다

  1. 알파벳, _, -, 숫자
    1_1. 숫자가 제일 앞에 올 수 없다
  2. camel 표기법
    let myVeryLongName;
  3. 대소문자를 구분한다
    let aBc;
    let abC;

위와 같은 규칙들을 고려해서 남들도 알아보기 쉽도록 변수를 잘 짜도록 하자

자바스크립트 변수 선언방법

자바스크립트의 변수 선언방법에는 3가지가 있다

  1. var varName;
  2. let letName;
  3. const constName;

var 선언은 가장 처음에 나온 선언법으로 전역변수(global variable)로 선언되게 된다
전역변수는 해당 scope뿐만 아니라 project 전체에서 쓰이므로 무분별한 var의 사용은 프로젝트 볼륨이 커질 시 중복등의 문제도 있기 때문에 자제하도록 하자
var는 재선언, 재할당이 가능하다

var varName = "위성진";
console.log(varName); // output: 위성진

if (true) 
{
    // 다른 영역(scope)
    
    var varName = "wisungjin"; // 재선언 및 재할당
}
console.log(varName); // output : wisungjin

let 선언은 지역변수(local variable)로 선언되게 된다
해당 scope에서만 가능하며 재할당은 가능하지만 재선언이 불가능하다(같은 scope 내에서 두번 선언할 수 없음)

let letName = "wsj"; 
console.log(letName); // output : wsj
if (true)
{
    let letName = "sungjin2"; // 이 scope 안에서만 사용된다
    console.log(letName); // output : sungjin2

}
console.log(letName); // output : wsj

//let은 재할당이 가능하다
letName = "sungjinWi";
console.log(letName); // output : sungjinWi

// Error
let letName = "wsj"; // 같은 scope안에서 중복선언 불가능

const 선언도 마찬가지로 지역변수이며 재할당과 재선언이 불가능하다 따라서 변경 가능성이 없는 변수를 선언할 때 사용하도록 한다
또한 변경 불가능 상수이기 때문에 선언과 초기화를 따로 할 수 없으며 선언과 동시에 초기화를 해주어야한다

const constName = "sungjin"; 

// 선언하면서 동시에 초기화가 필요하다
const constErr; // Error 발생

// 재할당이 불가능하다
constName = "wsj"; // Error 발생

1개의 댓글

comment-user-thumbnail
2022년 4월 18일

드디어 블로깅을 했구만

답글 달기