ES6 Promise 객체에 대한 가장 자세한 이해

Promise 객체는 ES6의 구문이며 주로 비동기 동작을 처리하는 방법입니다.기본 사용법:

promose 대상 만들기

 var p = new Promise(function(resolve,reject){
 	//  
 	if( ){
 	resolve(value)
 	}else{
 	reject(value)
 }
 })

사실은 구조 함수 창설 실례화 대상이다.그 중에서 비동기적인 조작은 함수체에 쓰여져 있는데 Promise 구조 함수 매개 변수는 하나의 함수이다. 이 함수는 두 개의 매개 변수가 있는데 그것이 바로 Resolve,reject 함수이다. 이 두 개의 매개 변수는 모두 함수이다.resolve () 함수는 비동기 작업이 성공한 후에 호출되며, Resolve의 매개 변수는 비동기 작업이 실행된 결과입니다.reject () 함수는 비동기 조작이 실패했을 때 호출되며, 파라미터는 비동기 조작이 보고한 오류입니다
2.promise 객체의 콜백 함수 Promise.prototype.n() 방법은 여러분이 보시면 아시겠지만 원형 대상에 정의된 방법입니다. then() 방법은 두 가지 파라미터가 있는데 첫 번째는resolve에 대응하는 방법이고 두 번째는reject에 대응하는 방법입니다. (두 번째 파라미터는 생략 가능)

p.then(function(value){
console.log(value)   //  resolve()
},function(error){
console.log(error)   //  reject()
})

then의 체인 문법 then 방법은 새로운 프로미스 실례를 되돌려줍니다. (주의, 원래의 프로미스 실례가 아닙니다).따라서 체인식 쓰기, 즉then 방법 뒤에 다른then 방법을 사용할 수 있다.

 p.then(function(value){
 return 3
 }).then(function(data){
 console.log(data) //  3
 })

왜 3을 출력했을까요? 답은then 방법이 되돌아오는 것은 모두promise 대상입니다. 위의 식은 다음과 같습니다.

p.then(function(value){
return new Promise(function(resolve,reject){resolve(3)})
}).then(function(data){
console.log(data) //  3  
})

정상적으로 사용할 때 우리는 보통then 방법을 이렇게 쓴다. 매번return에 새로운promise 대상을 만들고 다음then은 새로운promise 방법으로 순서대로 유추하지만 주의: 체인식 문법을 실현하려면promise 대상만 새로운promise 방법이 있다.그래서 이전은promise 대상이나 이전 함수return 하나의promise 대상이어야 합니다

p.then(function(value){
return new Promise(function(resolve,reject){resolve(3)})
}).then(function(data){
console.log(data) //  3  
})

then () 의 체인 문법에 주의하십시오. 다음 then 방법은 이전 프로젝트 대상이 resolve, Reject가 될 때까지 기다립니다. 그리고 자신의 첫 번째 파라미터 방법이나 두 번째 파라미터 방법을 호출합니다.

p.then(function(value){
return new Promise(function(resolve,reject){resolve(3)})
}).then(function(data){
console.log(data) //  3  
},function(error){
 console.log(error) // reject 
})

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

무료 만화 응용의 개념 모델링표를 열람하다

동전은 두 가지가 있는데 하나는 매일 9시에 보충(동전)이고, 다른 하나는 지정된 행동을 통해 획득(SP 동전) 표를 사도 만화를 볼 수 있다 plantuml 이 앱에서 동전과 표는 만화가 교환하는 화폐와 같은 역할...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ES6 Promise 객체에 대한 가장 자세한 이해

좋은 웹페이지 즐겨찾기