TIL * 22.02.12

RIHO·2022년 2월 12일

TIL

목록 보기

8/13

🔶 JS

프로토타입(Prototype)

원형이라는 사전적 의미와 같은 개념으로 자바스크립트에서도 사용되는데, 쉽게 말해 객체의 프로토타입(원형)을 가지고 새로운 객체를 생성해가는 프로그래밍 방식.
생성된 객체는 자기 자신의 프로토타입을 가지며 즉 자기 자신이 만들어지게 된 원형을 안다.

Promise

비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과값을 나타냄. 제작 코드와 소비 코드를 연결해 주는 자바스크립트 객체이며, 시간이 얼마나 걸리든 상관없이 약속한 결과를 만들어 내는 제작 코드가 준비되었을 때 모든 소비 코드가 결과를 사용할 수 있게끔 해 준다.

let promise = new Promise(function(resolve, reject) {
 // executor(제작 코드) : new Promise가 만들어질 때 자동으로 실행. 결과를 최종적으로 만들어내는 제작 코드 포함
 // resolve(value) : 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출
 // reject(error) : 에러 발생 시 에러 객체를 나타내는 error와 함께 호출
});

Promise는 다음 중 하나의 상태를 가진다.

대기: 이행하지도, 거부하지도 않은 초기 상태
이행: 연산 완료
거부: 연산 실패

소비 함수

.then : Promise가 이행되었을 때 / 거부되었을 때 실행되는 함수. 이를 이용하여 프로미스 체이닝이 가능.
catch : Promise에서 에러가 발생하였을 경우를 다루는 소비자
finally : Promise가 처리(이행 및 거부)되면 항상 실행됨. 결과가 어떻든 마무리가 필요하면 finally를 사용.

async / await

function 앞에 async를 붙이면 해당 함수는 항상 Promise를 반환한다.
await 키워드는, Promise가 처리될 때까지 기다렸다가 그 이후에 반환되는 성질을 가진다. 처리가 완료되면 다음과 같은 동작이 이어진다.
1. 에러 발생 시 - 예외 생성
2. 에러 미발생 시 - Promise 객체의 result 값 반환

제너레이터 함수

여러 개의 값을 필요에 따라 하나씩 반환(yield)할 수 있는 함수. 일반 함수와 동작 방식이 다른데, 제너레이터 함수는 호출되어도 즉시 실행되지 않고, 대신 함수를 위한 Iterator 객체가 반환된다.
Iterator의 next() 메서드를 호출하면 Generator 함수가 실행되어 가장 가까운 yield문을 만날 때까지 진행하고, 해당 표현식이 명시하는 Iterator로부터의 반환값을 반환한다.

이후 next() 메서드가 호출되면 진행이 멈췄던 위치에서부터 재실행된다. next()/yield 호출을 사용하면 외부 코드와 제너레이터 간에 결과를 교환하는 것도 가능하다.

function* generateSequence() {
  yield 1;
  yield 2;
  return 3;
}

let generator = generateSequence();

let one = generator.next();

alert(JSON.stringify(one)); // {value: 1, done: false}