function add(num) { return new Promise((resolve, reject) => { console.log(num + ' + ' + num + ' = ' + (num + num)) if (num > 10) { setTimeout(resolve(num + num), 200) } else { setTimeout(reject, 200, 'error') } }) } function dec(num) { return new Promise((resolve, reject) => { console.log(num + ' - ' + 10 + ' = ' + (num - 10)) setTimeout(resolve, 150, num - 10) }) } function ride(num) { return new Promise((resolve, reject) => { console.log(num + ' * ' + num + ' = ' + (num * num)) setTimeout(resolve, 100, num * num) }) } function exc(num) { return new Promise((resolve, reject) => { console.log(num + ' / ' + 10 + ' = ' + (num / 10)) setTimeout(resolve, 50) }) } function start() { var sum = new Promise((resolve, reject) => { console.log('开始:') resolve(11) }) sum.then(add) .then(dec) .then(ride) .then(exc) .catch(err => { console.log(err) }) }
一。promise理论:promise分为三种状态:进行中、成功( resolve )、失败( reject )。
二。用途: ajax请求同步执行(只有前面执行完了,才会执行后面的,解决以前回调函数难以维护的问题。)等。或者是需要前面执行完之后才能执行后面的函数这一类的问题。而且只要前面有一处没有执行成功,后面就不再执行。
三。具体理论参考:阮一峰的es6标准入门。
相关推荐
├─01 Promise讲解.mp4 ├─01-promise & module.zip ├─02 模块化、浏览器内置对象、事件.mp4 ├─02 浏览器内置对象 事件 ajax.pdf ├─03 this指针.pdf ├─03 作用域 闭包 this指针.mp4 ├─04 Javascript基础...
Promise的基本实现和使用讲解
promise的用途说明
本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?...
该文档是在学习和工作中的总结,内容全面,讲解详细。学习ES6和前端数据交互的必备知识。仅供参考,如有雷同,纯属巧合。
promise book,比较短,讲解了一些promise的基础知识,是promise入门的好书
下面小编就为大家带来一篇关于Promise 异步编程的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
在项目中,经常会遇到多...Promise有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。 直接上代码。有a,b请求,b依赖a的请求数据。如下: function a(){ return new Promise
本文会讲解另一种更现代的异步实现方案:Promise。Promise几乎是面试必考点,所以我们不能仅仅会用,还得知道他的底层原理,学习他原理的最好方法就是自己也实现一个Promise。所以本文会自己实现一个遵循Promise/A+...
Promises是一种令代码异步行为更加优雅的抽象,它很有可能是JavaScript的下一个编程范式,一个Promise即表示任务结果,无论该任务是否完成。 在一些现代浏览器中已经提供了原生的Promise对象,其遵循Promise/A+标准...
Promise是一个构造函数,自己身上有all、reject、resolve这几个异步方式处理值的方法,原型上有then、catch等同样很眼熟的方法,下面通过实例代码给大家讲解angularjs promise 的相关知识,感兴趣的朋友一起看看吧
imooc-promise-sample 幕课网Promise入门视频源码( 目录 跟随视频的讲解顺序,可直接替换至代码页
主要介绍了Angular中的Promise对象($q介绍),本文讲解了Promise模式、Q Promise的基本用法、AngularJs中的$q.defferd等内容,需要的朋友可以参考下
本章主要讲解登录模块中的事件绑定/表单验证/向服务器请求数据/前端数据Mock等内容,结合项目讲解ES6+中的async和await, Array.from, Promise 等API,以及新版浏览器的fetch API。并且对async和await,Promise, ...
然后介绍了Flux的设计思想,怎么理解和使用Promise、Fetch等新API,以及数据库SQLite存储方面的知识,以便让你对一个完整的App形成感性认识;最后讲解了怎样测试React Native组件,并将完整的App发布到App Store中。...
js进阶知识技巧,包含一些demo,以及知识点的讲解,如promise等