promise原理浅析

Promise对象用于处理异步计算,解决回调函数地狱问题,提供链式调用的写法。其内部利用观察者模式,通过then等方法注册事件处理函数,通过resolve或reject改变状态并触发执行。此外,Generator与Promise结合也有广泛应用。
摘要由CSDN通过智能技术生成

Promise超神超简单总结:
之前总感觉promise很神秘,今天仔细读了阮一峰大神的es6,也查询了下相关的promise原理,终于明白了promise怎么这么6.

简介:

Promise 对象用于延迟(deferred) 计算和异步(asynchronous )计算.一个Promise对象代表着一个还未完成,但预期将来会完成的操作。Promise 对象是一个返回值的代理,这个返回值在promise对象创建时未必已知。它允许你为异步操作的成功或失败指定处理方法。 这使得异步方法可以像同步方法那样返回值:异步方法会返回一个包含了原返回值的 promise 对象来替代原返回值。

解决了什么问题及怎么使用:

//一个简单的示例 执行一个动画A,执行完之后再去执行另一个动画B
    setTimeout(function(){
   
        //A动画
        console.log('A');
        setTimeout(function() {
   
            //B动画
            console.log('B');
        },300)
    },300);
//这里只有两个动画,如果有更多呢,就会看到一堆函数缩进

不难想象,如果依次有很多个动画,就会出现多重嵌套。代码不是纵向发展,而是横向发展,很快就会乱成一团,无法管理。因为多个异步操作形成了强耦合,只要有一个操作需要修改,它的上层回调函数和下层回调函数,可能都要跟着修改。这种情况就称为回调函数地狱“(callback hell)

Promise 对象就是为了解决这个问题而提出的。它不是新的语法功能,而是一种新的写法,允许将回调函数的嵌套,改成链式调用。
Promise 的最大问题是代码冗余,原来的任务被 Promise 包装了一下,不管什么操作,一眼看去都是一堆then,原来的语义变得很不清楚。

(1)浏览器实现方式 可以在支持Promise的版本上运行

var p = new Promise(function(resolve, reject){
   
  setTimeout(function(){
   
    //A动画
    console.log('A'</
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值