변수

변수 선언(Variables Declarations)

JavaScript의 선언(Declaration)에는 var, let, const 세가지 키워드를 사용하는 방법이 있다.

변수(Variables)

🥣 변수는 메모리에 데이터를 저장하기 위한 기억 공간을 의미한다. 즉, 데이터를 담아 놓는 그릇이라고 생각하면 된다. 또한 변수에 담긴 데이터는 필요에 따라 수시로 데이터를 변경 시킬 수 있다.

변수 선언(Variable Declaration)

JavaScript에서 변수 선언은 var, let, const 세가지 키워드를 사용하는 방법이 있다.

// var 변수명 = 할당 값;
let last_year;
let currentYear;

// 지정된 초기값 없을때, 선언된 변수의 값은 undefined
console.log(last_year);
console.log(currentYear);

// 선언되지 않은 변수를 읽을 때, ReferenceError: z is not defined 
console.log(z);

변수 할당 (Variable Assignment)

변수에 값을 대입하는 것을 "변수에 할당한다." 는 의미이다.

// 값 할당(assignment)
// 대입, 할당 연산자 (operator)
var x, y;
x = 9;
y = x * x + 10;
console.log('x:', x);
console.log('y:', y);

변수 범위(Variable Scope)

변수의 범위를 '스코프(Scope)' 라고 부른다.

• 전역 범위(Global Scope)
  • 전역 변수(Global Scope)는 함수의 외부에서 선언된 변수로 프로그램 전체에서 접근할 수 있는 변수.
• 지역 변수(Local Scope)
  • 지역변수(Local Scope)는 함수 내부에서 선언된 변수로 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수이다. 또한 함수 외부에서 접근할 수 없다.

// phone 전역변수, scopeFn() 함수 내부에 지역 변수 
let phone = 'Galaxy';

function scopeFn() {
  let phone = 'iPhone';
  console.log('지역 변수', phone); // 'iPhone'
}
scopeFn();
console.log('전역 변수', phone); // 'Galaxy'


// 💩 var 키워드를 사용해서 변수를 사용하면 암묵적 선언과 전역 오염
// 으로 권장 되지 않는다.
// function subFn() {
//  tablet = 'Note XII'; 
//  console.log(tablet);
// }
// subFn(); 

// 네임스페이스 (객체)
let y9 = {};

// 전역을 오염시키지 않으려면, 네임스페이스 객체 활용
// 네임스페이스를 활용한 변수 대용
y9.phone = 'Galaxy Note 8';
// 네임스페이스를 활용한 함수 대용
y9.getPhone = function () {
  return this.phone;
};

변수 호이스팅(Variable Hoisting)

호이스팅은 변수의 정의가 그 스코프에 따라 선언과 할당으로 분리되는 것은 의미한다. 선언 부분이 해당 스코프의 최상위로 변경된다.

//  호이스팅
message("commit");
function message(){
    //선언되지 않은 값을 호출 할 때 error : not defined 
    console.log(git);
    
    // 변수의 선언을 먼저 하고 난 뒤 할당.
    var test;
    console.log(test);
    test ="Git message";
    console.log(test);
}

식별자(Identifier)

변수 또는 함수의 이름을 작성할 때 사용하는 이름을 '식별자 라고 하며, 식별자는 규칙을 갖는다.

• 알파벳(A ~ Z, a ~ z), 숫자(0 ~ 9), 밑줄( _ ), 달러 기호($) 사용 가능.

• 첫 글자로는 숫자를 사용할 수 없으며, 숫자를 제외한 위의 나머지 중 하나를 사용.

• 작성 박식은 camelCase, sankeCase사용해서 작성 가능.

• 예약어를 식별자로 사용할 수 없다.

• ✍ 사용 가능한 예

  sum, currentYear, last_year, result

  ✍ 사용 불가능한 예

  2st , current Year, last-year, new

Reference

JavaScript 문법과 자료형 →(MDN)