Notes from reading 🔖 You Don't Know JS Yet - 4

## chapter 4 함수나 블록 단위로 변수의 스코프를 한정짓는 것은 프로그래밍 언어의 기본스코프 안에는 다른 스코프가 올 수 있고, 해당 스코프에서는 해당 스코프 및 바깥 스코프 레벨의 변수만 접근할 수 있다.안쪽 스코프나 숨겨진 변수는 접근 불가능위와 같은 스코프를 렉시컬 스코프라고 한다 🎶 JS의 스코프는 특이점이 두 가지 있는데 호이스팅과 var이다.var 변수는 블록 위치와 관계 없이 함수 기준으로 스코프가 생성된다.var가 아닌 let, const는 TDZ 특징 때문에 특이하게 작동클로저는 JS와 같이 함수를 first class value로 취급하는 언어에서 렉시컬 스코프 모델을 사용했을 때 나타나는 자연스러운 결과물바깥 스코프에 있는 변수를 참조하는 함수가 있는 경우, 이 함수가 변수..

• format_list_bulleted JavaScript
• · 2025. 6. 5.
• textsms

자바스크립트에서 싱글톤 패턴

싱글톤패턴은 프로세스 내부에서 클래스가 단 하나의 인스턴스만 생성될 수 있도록 구현된 것을 의미한다. 기본적으로 static 영역에 인스턴스를 생성하고, 생성자가 실행되었을 때 기존에 생성된 인스턴스가 있으면 다시 인스턴스를 생성하지 않고 기존의 것을 반환하는 방식으로 구현된다. 자바스크립트에서는 클래스 문법으로 이를 구현할 수도 있지만, 함수형 프로그래밍으로 클로저 문법을 이용하여 이를 구현할 수도 있다. Class 문법으로 구현 class Key { static #_instance; constructor() { if(!Key.#_instance) { Key.#_instance = this } return Key.#_instance; } static getInstance() { return Key.#_..

• format_list_bulleted JavaScript
• · 2023. 3. 3.
• textsms

javascript에서 class 사용하기

ES6부터 자바스크립트에서도 class 문법이 지원된다. 클래스는 객체를 생성하는 탬플릿으로 재사용할 수 있고, 내부의 변수와 메서드를 추상화할 수 있다. class 사용하기 // class 표현식 const Data = class { constructor(name) { this.name = name; } get name() { return "이름은 " + this._name + "입니다."; } set name(name) { if (name.length

• format_list_bulleted JavaScript
• · 2023. 2. 4.
• textsms