> 웹 프론트엔드 > 프런트엔드 Q&A > es6에서 promise의 용도는 무엇인가요?

es6에서 promise의 용도는 무엇인가요?

WBOY
풀어 주다: 2022-03-30 16:48:40
원래의
2316명이 탐색했습니다.

es6에서는 promise 객체를 생성하고 비동기 작업을 수행하는 데 사용됩니다. 구문은 "const promise = new Promise((resolve,reject)=>{...})"입니다. 비동기 작업의 다양한 결과를 나타내는 데 사용됩니다.

es6에서 promise의 용도는 무엇인가요?

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

ES6에서 Promise의 용도는 무엇인가요

Promise는 ES6에서 제공하는 비동기 프로그래밍 솔루션입니다. Promise 자체가 생성자입니다

typeof Promise  //  function
로그인 후 복사

일반적으로 개발에서는 new Promise()를 사용하여 생성자를 호출하고 새로운 Promise()를 생성합니다. Promise 객체

비동기 작업을 위한 Promise 객체 생성

Promise도 생성자입니다. 인스턴스를 생성하려면 new 키워드를 사용해야 하며, 함수에는 두 개의 함수 유형 매개변수가 있습니다. :

  • resolve

  • reject

Promise를 생성하는 작업은 다음과 같습니다.

const promise = new Promise((resolve,reject)=>{...})
로그인 후 복사

resolve 및 Reject 두 함수 매개변수는 현재 Promise의 상태 변경과 Promise의 결과를 처리하는 방법을 결정합니다. 비동기 작업은 모두 비동기일 수 있습니다. 작업 결과가 전달됩니다.

1. 물체의 상태는 외부 세계의 영향을 받지 않습니다.

Promise 객체는 보류(진행 중), 이행(성공), 거부(실패)의 세 가지 상태를 갖는 비동기 작업입니다.

비동기 작업의 결과만이 Promise의 상태를 결정할 수 있으며 다른 작업은 이 상태를 변경할 수 없습니다.

2. Promise 상태가 변경되면 변경 사항이 없으며 언제든지 결과를 얻을 수 있습니다. 시간.

Promise 객체의 상태가 변경되는 경우는 보류에서 이행으로 또는 보류에서 거부로 두 가지뿐입니다. 이 두 가지 상황이 발생하는 한 상태는 변경되지 않고 항상 이 결과를 유지합니다. 이를 해결이라고 합니다. 이미 변경이 발생한 경우 Promise 객체에 콜백 함수를 추가하면 즉시 결과를 얻을 수 있습니다. 이는 이벤트와 다릅니다. 이벤트의 특성은 이를 놓치고 다시 수신하면 결과를 얻지 못한다는 것입니다. Promise를 사용하면 예상대로 실행에 따라 비동기 작업을 대기열에 넣을 수 있다는 것입니다. 여러 비동기 작업의 경우에도 Promise를 사용하여 쉽게 체인 호출을 할 수 있도록 예상 결과를 정렬하고 반환합니다.

3 Promise에도 몇 가지 단점이 있습니다.

우선 Promise는 취소가 불가능합니다. 일단 생성되면 즉시 실행되며 중도 취소가 불가능합니다. 둘째, 콜백 함수를 설정하지 않으면 Promise 내부에서 발생한 오류가 외부에 반영되지 않습니다. 셋째, 보류 상태에서는 현재 진행 상황이 어느 단계인지(이제 시작 중이거나 완료 예정) 알 수 없습니다.

소위 Promise는 단순히 미래에 끝날 이벤트를 저장하는 컨테이너입니다( 일반적으로 비동기 작업의 결과).

ES6에서는 Promise 객체가 Promise 인스턴스를 생성하는 데 사용되는 생성자라고 규정합니다.

다음 코드는 Promise 인스턴스를 생성합니다.

const promise = new Promise(function(resolve, reject) {
  // ... some code
  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});
로그인 후 복사

Promise 생성자는 함수를 매개변수로 받아들입니다. 함수의 두 매개변수는 확인(Resolve)과 거부(Reject)입니다. 이는 JavaScript 엔진에서 제공하는 두 가지 기능이므로 직접 배포할 필요가 없습니다.

Resolve 함수의 기능은 Promise 개체의 상태를 "미완성"에서 "성공"으로 변경하는 것입니다(즉, 보류 중에서 해결됨으로). 비동기 작업이 성공하면 호출됩니다. 비동기 작업이 매개변수로 전달됩니다. 거부 함수의 기능은 Promise 개체의 상태를 "미완료"에서 "실패"로 변경하는 것입니다(즉, 보류 중에서 거부됨으로). 비동기 작업이 실패하면 호출됩니다. , 비동기 작업에서 보고된 오류는 매개변수로 전달됩니다.

Promise 인스턴스가 생성된 후 then 메서드를 사용하여 해결된 상태와 거부된 상태에 대한 콜백 함수를 각각 지정할 수 있습니다.

promise.then(function(value) {
  // success
}, function(error) {
  // failure
});
로그인 후 복사

Then 메소드는 두 개의 콜백 함수를 매개변수로 받아들일 수 있습니다. 첫 번째 콜백 함수는 Promise 객체의 상태가 해결될 때 호출되고, 두 번째 콜백 함수는 Promise 객체의 상태가 거부될 때 호출됩니다. 그 중 두 번째 기능은 선택사항이므로 반드시 제공하지 않아도 된다. 두 함수 모두 Promise 객체가 매개변수로 전달한 값을 받아들입니다.

【관련 추천:

javascript 비디오 튜토리얼

, web front-end

위 내용은 es6에서 promise의 용도는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
es6
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿