javascript五大基本对象(JavaScript异步编程实现之一)

问题:Promise对象是什么?

Promise对象是ES6( ECMAScript 2015 )对于异步编程提供的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。

传统回调

// 当参数a大于10且参数func2是一个方法时 执行func2 function func1(a, func2) { if (a > 10 && typeof func2 == 'function') { func2() } } func1(11, function() { console.log('this is a callback') })

编辑器:

javascript五大基本对象(JavaScript异步编程实现之一)(1)

多层嵌套,产生地狱回调:

async1(function() { async2(function() { async3(function() { async4(function() { async5(function() { // 地狱回调 }) }) }) }) })

编辑器:

javascript五大基本对象(JavaScript异步编程实现之一)(2)

Promise对象改写

function func1(a){ return new Promise((resolve,reject) => { if(a > 10){ resolve(a) }else{ reject(b) } }) }; func1('11').then(res => { console.log('success'); }).catch(err => { console.log('error'); })

编辑器:

javascript五大基本对象(JavaScript异步编程实现之一)(3)

Promise对象的两个特点:

1、对象的状态不受外界影响。

Promise对象有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。

只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。

这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。

2、一旦状态改变,就不会再变,任何时候都可以得到这个结果。

Promise对象的状态改变,只有两种可能:

从pending变为fulfilled和从pending变为rejected。

只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。

如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。

Promise对象实例的两个参数,resolve 和 reject:

Promise构造函数接受一个函数作为参数,该函数的两个参数分别resolve 和 reject。它们是两个函数,由 JavaScript 引擎提供,不用自己部署。

resolve函数的作用是: 将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 fulfilled),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;

reject函数的作用是: 将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

Promise对象实例的方法,then 和 catch:

.then方法: 用于指定调用成功时的回调函数。

then方法返回的是一个新的Promise实例(注意,不是原来那个Promise实例),因此可以采用链式写法,即then方法后面再调用另一个then方法。

.catch方法: 用于指定发生错误时的回调函数。

(更多详细内容推荐考阮老师的文档:http://es6.ruanyifeng.com/#docs/promise)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页