JavaScript Variable

Table of contents

1. Variable Basic
   1. What is Variable?
   2. Features of Variable
   3. Lifetime of Variable
2. Variable Structure
   1. Identifiers
   2. Assignment Operator
   3. Data Types

Variable Basic

What is Variable?

자바스크립트 코드가 실행 중에 데이터를 저장하는 공간의 이름

▸ 백엔드와 다르게 데이터 타입을 지정 x

▸ 변수 타입이 없어서 아무 값이나 저장할 수 있다

Features of Variable

▸ 변수를 선언한 직후에는 데이터 값이 undefined

▸ 한 문장에 변수 여러개 선언 가능하고 선언과 동시에 초기화 동시가능

var person = "John Doe", carName = "Volvo", price = 200;

▸ 재선언 뒤에도 값이 남아있음

var carName = "Volvo";
var carName;            //still Volvo

▸ 산술연산자로 값을 산술할 수 있음

▸ Dollar Sign $을 문자로 인지함 (제이쿼리에서 많이 사용)

→ 달러 기호를 사용하는 것은 JavaScript에서 흔하지는 않지만 전문 프로그래머는 종종 JavaScript 라이브러리에서 주 함수의 별칭으로 사용

▸ Underscore (_)를 문자로 인지함

→ 밑줄을 사용하는 것은 JavaScript에서 흔하지는 않지만 전문 프로그래머들 사이에서는 “개인 (숨겨진)”변수의 별칭으로 종종 사용

▸ 선언되지 않은 변수에 값을 할당하면 자동으로 GLOBAL 변수

myFunction();

// code here can use carName

function myFunction() {
  carName = "Volvo";
}

Lifetime of Variable

▸ JavaScript 변수의 수명은 선언 될 때 시작, 함수가 완료되면 지역 변수가 삭제

▸ 웹 브라우저에서 브라우저 창 (또는 탭)을 닫으면 전역 변수가 삭제

Variable Structure

Identifiers

식별자

▸ 식별자는 이름, 이름들을 지정하기 위해 사용됨 (변수, 키워드, 함수, 라벨)

▸ 모든 변수는 특별한 이름(식별자)으로 식별되어야함

식별자를 만드는 규칙

Assignment Operator

=(할당) 연산자

▸ 변수에 값을 할당하기 위해 사용

!Note

Data Types

▸ 문자(text strings)나 숫자등 다양한 데이터 타입들을 변수에 지정할 수 있음

▸ 변수에 지정할때에는 문자는 이중부호를 사용하고, 숫자는 그냥 사용하면 됨

Table of contents

• Declaration
• Scope