JavaScript Day24 - Promise(1)

ES6：Promise

• Promise：代表一个即将成功或失败的非同步操作
• 会有这几状态：
  • 搁置 (pending)：初始状态
  • 实现 (fulfilled)：表示操作成功，会实行 resolve
  • 拒绝 (rejected)：表示操作失败，会实行 reject
• 成功後续可以用 then 继续
• fetch() 就是依照 Promise 包起来的一组 API

new Promise(function(resolve, reject) { ... } );

const newP = new Promise((resolve, reject)=>{
    // 想执行的非同步操作
    if (true) {
        resolve(status); // 成功时回传
    } else {
        reject(status); // 失败时回传
}).then((data)=>{
    // 成功时用 then 继续处理
}).catch((error)=>{
    // 失败时用 catch 继续处理
})

const newP = new Promise((resolve, reject)=>{
    setTimeout(()=>{
        if(Math.random() > 0.5){
            resolve('success')
        }
        else{
            reject('error')
        }
    }, 2000)
}).then((data)=>{
    console.log(data) 
}).catch((error)=>{
    console.log(error)
})

参考资料

MDN 使用 Promise
MDN Promise
铁人赛：使用 Promise 处理非同步
JavaScript Promise 全介绍
JS 原力觉醒 Day14 - 一生悬命的约定：Promise
JavaScript基本功修练：Day25 - Promise
从Promise开始的JavaScript异步生活
Promise 与 Opendata
JavaScript 同步延迟 ( Promise + setTimeout )
JavaScript | 从Promise开始承诺的部落格生活

(资料很多，可以多参考理解消化一下)

次回

再继续讨论 Promise 罗