Variable : 변수

Ming·2023년 7월 19일

JavaScript

목록 보기
3/15

👀 변수에 값을 할당해 불필요한 행동 줄이기!
👀 JS는 대소문자를 구분한다!
👀 JS는 파일을 위에서 아래로 읽는다!
👀 variable : 값을 저장, 유지

Variable : 변수

:데이터를 일정 기간 동안 기억하여 필요한 때에 다시 사용하기 위해 고유의 이름인 식별자를 명시한 것
변수에 명시한 고유한 식별자 = 변수명 / 변수로 참조할 수 있는 데이터 = 변수값

  • const / let / var 키워드를 사용하여 선언하고 = 를 사용해 할당한다!
  • 변수 이름 짓기
    변수의 이름을 지정해 줄 때에는 띄어쓰기(공백) 금지!
    → 여러 단어가 합쳐진 긴 이름일 때 시작하는 단어를 대문자로 입력 → camelcase 형식
    ❕숫자로 시작되어서는 안됨
    ❕$,_ 이외 특수문자 사용 안됨
// 변수 선언하기
// 값을 variable에 할당!
const variable =let variable =var variable =
var variable; // 변수의 선언
variable = "js잘하고싶어" // 값 할당
variable = "프론트엔드잘하고싶어" // 값 재할당

let variable_2 = "화이팅" // 변수의 선언과 할당

JS에서의 변수 선언

1. const

: 재선언, 재할당 금지

  • 상수(변하지 않는 값)을 선언한다.
  • 선언과 동시에 할당이 이루어져야 한다.
const a = 10; // 선언과 할당
const b = 2;
const c; // 할당을 하지 않아 오류!
// Uncaught SyntaxError: Missing initializer in const declaration

console.log(a+b); // 12
console.log(a*b); // 20
// 코드를 위에서 아래로 읽기 때문에 12값이 먼저 출력

const a = 1; // 재선언 오류!
// Uncaught SyntaxError: Identifier 'a' has already been declared

b = 20; // 재할당 오류!
// Uncaught TypeError: Assignment to constant variable.

2. let

: 재선언 금지, 재할당 가능(스코프를 따로 관리하며 호이스팅 불가능!)

let a = 4; // 선언과 할당
a = 8; // 재할당
console.log(a); // 8 

let b; // 선언

let a = 2; // 재선언 오류!
// Uncaught SyntaxError: Identifier 'a' has already been declared 

3. var

: 재선언 가능, 재할당 가능(호이스팅 가능함!)

var name; // 선언
name = 'kim'; // 할당

var age = 28; // 선언과 할당
var tall = 180; 
tall = 150; // 재할당

var address
console.log(address); // 선언하고 할당하지 않으면 undefined

1개의 댓글

comment-user-thumbnail
2023년 7월 19일

많은 도움이 되었습니다, 감사합니다.

답글 달기