Promise

Promise

객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.

프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(프로미스)을 반환합니다.

~~Promise는 다음 중 하나의 상태를 가집니다.

• 대기(pending): 이행하지도, 거부하지도 않은 초기 상태.
• 이행(fulfilled): 연산이 성공적으로 완료됨.
• (rejected): 연산이 실패함.~~

Promise.prototype.catch() (en-US)
프로미스에 거부 처리기 콜백을 추가하고, 콜백이 호출될 경우 그 반환값으로 이행하며 호출되지 않을 경우, 즉 이전 프로미스가 이행하는 경우 이행한 값을 그대로 사용해 이행하는 새로운 프로미스를 반환합니다.

Promise.prototype.then()
프로미스에 이행과 거부 처리기 콜백을 추가하고, 콜백이 호출될 경우 그 반환값으로 이행하며 호출되지 않을 경우(onFulfilled, onRejected 중 상태에 맞는 콜백이 함수가 아닐 경우) 처리된 값과 상태 그대로 처리되는 새로운 프로미스를 반환합니다.

Promise.prototype.finally()
프로미스의 이행과 거부 여부에 상관없이 처리될 경우 항상 호출되는 처리기 콜백을 추가하고, 이행한 값 그대로 이행하는 새로운 프로미스를 반환합니다.

``` let myFirstPromise = new Promise((resolve, reject) => { // 우리가 수행한 비동기 작업이 성공한 경우 resolve(...)를 호출하고, 실패한 경우 reject(...)를 호출합니다. // 이 예제에서는 setTimeout()을 사용해 비동기 코드를 흉내냅니다. // 실제로는 여기서 XHR이나 HTML5 API를 사용할 것입니다. setTimeout( function() { resolve("성공!") // 와! 문제 없음! }, 250) })

myFirstPromise.then((successMessage) => {
// successMessage는 위에서 resolve(...) 호출에 제공한 값입니다.
// 문자열이어야 하는 법은 없지만, 위에서 문자열을 줬으니 아마 문자열일 것입니다.
console.log("와! " + successMessage)
});

var promise = fetch('hi.txt').then(function (response) {
response.text().then(function (data) {
console.log(data);
});

fetch를 설명하자면 hi.txt 를 fetch로 불러온 후 then으로 받아서 콜백함수에 넣은다음 콜백함수의 response가 hi.txt를 text로 변형 시킨후 다시 then으로 보내서 then의 콜백함수로 data를 만들어서 consol로 보낸다.