JavaScript (3) 썸네일형 리스트형 [JS] Promise와 이벤트루프 Promise는 개발자들도 정확하게 이해하고 사용하는 사람이 많지 않을 정도로 어려운 개념!! Promise명령의 실행을 지연시킬 수 있는 기능이다. Promise는 세가지 상태를 가진다.Pending: Promise가 생성되고 아직 완료되지 않은 초기 상태Resolved: Promise가 성공적으로 완료된 상태. 이 경우에는 결과 값이 포함되어있으며, .then()으로 처리된다.Rejectd: Promise가 실패한 상태를 나타난다. 이 경우에는 실패 이유를 나타내는 에러가 포함되어있으며, .catch()로 처리된다. Promise의 특징Promise는 new 키워드를 사용한 생성자 함수로 정의한다. 이때 등록된 함수는 동기적으로 동작하며, .then, .catch에 해당하는 부분이 비동기적.. [JS] 동기, 비동기 들어가기 전...자바스크립트 엔진은 하나의 메인 스레드로 구성된다. 메인 스레드는 코드를 읽어 한 줄씩 차례대로 실행한다. (1차선 도로와 같음)스레드 : 하나의 프로세스 안에서 독립적으로 실행되는 실행 단위.프로세스 : 시스템에서 실행 중인 프로그램 자바스크립트 제어 흐름 동기적(Synchronous) 제어 흐름 - 현재 실행 중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는다. - 코드의 흐름과 실제 제어 흐름이 동일하다. - 싱글스레드 환경에서 메인 스레드를 긴 시간동안 점유하면 프로그램을 멈춘다. ex) 무한 루프 비동기적(Asynchronous) 제어 흐름 - 현재 실행 중인 코드가 종료되기 전에 다음 라인의 코드를 실행한다. - 코드 흐름과 실제 제어 흐름이 다르다 - 비동기 .. [JS] this와 컨텍스트 this.실행 컨텍스트 : 코드를 실행하는 데 필요한 환경정보들을 모아 놓은 객체this : '컨텍스트를 조회한다'. 자기 자신과 연결된 고리 화살표 함수에서의 this와 function으로 선언한 일반함수에서의 this는 다르게 결정된다. 화살표 함수에서의 this화살표 함수에는 사실상 this가 존재하지 않는다. 하지만 this 호출은 가능한데, 함수가 선언된 곳의 this를 따른다.this를 빌려 사용한다는 느낌과 비슷하다. 일반 함수에서의 this화살표 함수와는 달리 this가 존재하고, 호출 또한 가능하다.일반 함수를 호출한 객체에서의 this를 따른다. 즉, o.function(); 으로 함수를 호출했을 경우 function은 o 객체의 this를 따르게 된다. Prototype과 Proto.. 이전 1 다음
