[모던 자바스크립트 Deep Dive] 45장. 프로미스

1. 비동기 처리를 위한 콜백 패턴의 단점 1) 콜백 헬 - 비동기 함수는 비동기 처리 결과를 외부에 반환할 수 없고, 상위 스코프의 변수에 할당할 수도 없다. 따라서 비동기 함수의 처리 결과에 대한 후속 처리는 비동기 함수 내부에서 수행해야 한다. 이때 비동기 함수를 범용적으로 사용하기 위해 비동기 함수에 비동기 처리 결과에 대한 후속 처리를 수행하는 콜백 함수를 전달하는 것이 일반적이다. 필요에 따라 비동기 처리가 성공하면 호출될 콜백 함수와 비동기 처리가 실패하면 호출될 콜백 함수를 전달할 수 있다. - 콜백 함수를 통해 비동기 처리 결과에 대한 후속 처리를 수행하는 비동기 함수가 비동기 처리 결과를 가지고 또 다시 비동기 함수를 호출해야 한다면 콜백 함수 호출이 중첩되어 복잡도가 높아지는 현상이 ..

2023.03.21

[모던 자바스크립트 Deep Dive] 42장. 비동기 프로그래밍

1. 동기 처리와 비동기 처리 - 함수의 실행 순서는 실행 컨텍스트 스택으로 관리. - 자바스크립트 엔진은 단 하나의 실행 컨텍스트를 가지고, 한 번에 하나의 태스크만 실행할 수 있는 싱글 스레드 방식으로 동작한다. - 싱글 스레드 방식은 한 번에 하나의 태스크만 실행할 수 있기 때문에 처리에 시간이 걸리는 태스크를 실행하는 경우 블로킹(blocking, 작업중단)이 발생한다. function sleep(func, delay){ const delayUntil = Date.now() + delay; while(Date.now() < delayUntil); func(); } function foo(){ console.log('foo'); } function bar(){ console.log('bar'); }..

2023.03.20

[모던 자바스크립트 Deep Dive] 22장. this

1. this 키워드 - this 는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수. this 를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. - this 는 자바스크립트 엔진에 의해 암묵적으로 생성. 코드 어디서든 참조 가능. - this 가 가리키는 값, this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. // this 는 어디서든지 참조 가능하다. console.log(this); // window function square(number) { console.log(this); // window return number * number; }; square(2); const person = { name : 'Lee', ..

2023.03.14

[모던 자바스크립트 Deep Dive] 19장. 프로토타입 - 2

8. 오버라이딩과 프로퍼티 섀도잉 1) 오버라이딩 : 상위 클래스가 가지고 있는 메서드를 하위 클래스가 재정의하여 사용하는 방식 2) 오버로딩 : 함수의 이름은 동일하지만 매겨변수의 타입 또는 개수가 다른 메서드를 구현하고 매겨변수에 의해 메서드를 구별하여 호출하는 방식. 자바스크립트는 오버로딩을 지원하지 않지만 arguments 객체를 사용하여 구현할 수는 있다. 3) 프로퍼티 섀도잉 : 상속 관계에 의해 프로퍼티가 가려지는 현상. 4) 인스턴스 메서드를 삭제하더라도 프로토타입 메서드는 삭제되지 않는다. 프로토타입 프로퍼티를 변경 또는 삭제하기 위해서는 프로토타입에 직접 접근하여 변경하여야 한다. const Person = ( function() { function Person(name){ this.n..

2023.03.13

[모던 자바스크립트 Deep Dive] 23장. 실행 컨텍스트

1) 소스코드의 타입 - 소스 코드를 구분하는 이유는 소스 코드의 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리 내용이 다르기 때문! (1) 전역 코드 (Global code) : 전역에 존재하는 소스 코드 (2) 함수 코드 (Function code) : 함수 내부에 존재하는 소스 코드 (3) eval 코드 (Eval Code) : 빌트인 전역 함수인 eval 함수에 인수로 전달되어 실행되는 소스 코드 (4) 모듈 코드 (Module Code) : 모듈 내부에 존재하는 소스코드. 2) 소스코드의 평가와 실행 소스코드의 평가와 소스코드의 실행 과정으로 나누어 처리. 아래의 소스 코드가 실행된다고 생각. var x; x = 1; (1) 소스 코드 평가 과정 ㄱ) 변수 선언문 var x;를 실행. 이때 ..

2023.03.07