# 변수 신문법 총정리

Doozuu·2022년 11월 9일
0

Javascript

목록 보기
11/99

1. 변수 : 자료 임시 저장공간

변수 만드는 법: var 변수명 = 저장값;


선언, 할당, 범위

  • 범위: 변수가 사용될 수 있는 범위.
    범위 밖에서 사용하면 undefined라고 나옴.

var : 재선언 O, 재할당 O, 범위 : 함수 내부

let : 재선언 X, 재할당 O, 범위 : { } 내부

const : 재선언 X, 재할당 X, 범위 : { } 내부


재선언 vs 재할당

재선언

var 이름 = "kim";
var 이름 = "lee"; // 오류 안남
let 이름 = "kim";
let 이름 = "lee"; // 오류 남

재할당

let 이름 = "kim";
이름 = "lee"; // 오류 안남
const 이름 = "kim";
이름 = "lee"; //오류 남


⭐️ const로 object를 선언했을 때, 오브젝트 내부 값을 변경해도 에러가 나지 않는다.

이유: const 자체를 변경하는게 아니기 때문

const 사람 = { 이름 : "lee"}
사람.이름 = "kim"

💡 수정불가능한 object를 만들고 싶을 때: Object.freeze(오브젝트명)

  • 오브젝트 내부 값 바뀌지 않음.
  • 에러는 나지 않음. 에러도 나게 하려면 use strict 추가



2. 자바스크립트 변수, 함수의 Hoisting 현상

변수나 함수를 선언하면 Hoisting이 일어난다.

Hoisting: 변수나 함수의 선언부분을 변수의 범위 맨 위로 강제로 끌고가서 가장 먼저 해석하는 것.



3. 변수 여러개 만들기

방법: ,로 구분

var 이름, 나이, 성별

할당도 가능하다.

var 이름 = “lee”, 나이, 성별


4. 전역변수와 변수의 참조

전역변수

: 모든 함수에서 공통적으로 사용할 수 있는(참조 가능한) 유용한 변수

  • 전역변수 특징 : 전역변수는 window에도 보관이 된다.(var만)
  • 전역변수를 조금 더 엄격하게 관리하거나 구분짓고 싶을 때는 전역변수를 만들 때와 사용할 때 window를 활용해보기.

참조 가능하다(closure)

: 바깥에 있는 변수를 안쪽에서 자유롭게 사용할 수 있는 것

profile
모든게 새롭고 재밌는 프론트엔드 새싹

0개의 댓글