자바스크립트 다지기 - 변수(호이스팅), 생성자 함수

Janny·2023년 3월 8일
0
post-custom-banner

변수

var : 한번 선언된 변수를 다시 선언 ✅, 선언하기 전에 사용 ✅ (호이스팅)
let: 변할 수 있다
const: 절대로 바뀌지 않는 상수, 수정 ❎

여기서 호이스팅이란?
스코프 내부 어디서든 변수 선언이 최상위에 선언된 것처럼 행동하는 것

let과 const는 TDZ(Temporal Dead Zone) 영향을 받는다.
➡️ 코드 예측이 가능하고, 잠재적인 버그 발생을 낮출 수 있다.

변수의 생성과정

  1. 선언 단계
  2. 초기화 단계
  3. 할당 단계
  • let: 선언과 초기화 단계 분리
  • const: 선언 + 초기화 + 할당 (선언하면서 할당해야 함)
  • var: 함수 스코프 (function-scoped), 유일하게 벗어날 수 없는 스코프가 함수 스코프.
  • let & const: 블록 스코프 (block-scoped), 모든 코드 블록에서 선언된 변수는 코드 블록 내에서만 유효, 외부에서는 접근 ❎

생성자 함수

거푸집, 붕어빵 틀, 와플 팬에 비유할 수 있다. 필요한 재료를 넣고 동일한 모양으로 찍어내는 것.

객체리터럴: 객체 생성 방법 중 하나로, 가장 일반적이고 간단한 방법. 컨텐츠를 그대로 대입하는 방법.
생성자 함수: 객체 생성 방법 중 하나로, 사용 시 첫 글자를 대문자 로 씀, 일일이 객체 리터럴을 쓰는 것보다 빠르고 일관성있게 객체를 만들 수 있다.

생성자 함수를 만들고 new를 붙여서 새로운(비슷한) 객체를 만들 수 있다.

profile
🐣병아리 개발자의 기록을 위한 공간
post-custom-banner

0개의 댓글