之前总是去看promise的源码博客,或者手动实现一个promise,实际忽略了promise的一些基本用法,今天就稍微总结下吧。
1、Promise.resolve
Promise.resolve(42)实际可以看成一下代码的语法糖,
同理Promise.reject(new Error('出错啦'))
new Promise(function(resolve){
resolve(42);
});
Promise.resolve也返回了一个promise对象,因此可以调用.then方法
Promise.resolve(42).then(function(value){
console.log(value);
});
2、Thenable
Thenable指的是一个具有 .then 方法的对象。
Promise.resolve 方法另一个作用就是将 thenable 对象转换为promise对象
3、new Promise回调函数是同步执行代码,而.then是异步回调(微任务)
4、promise的.then和.catch方法可以链式调用
.then或.catch方法都会创建并返回一个新的promise对象(因为只有promise对象上才有then和catch方法,这样链式调用就很好理解了)
比如chain 调用
resolve → then → then → then 的顺序执行,并且传给每个 then 方法的 value 的值都是前一个promise对象通过 return 返回的值。
var aPromise = new Promise(function (resolve) {
resolve(100);
});
var thenPromise = aPromise.then(function (value) {
console.log(value);
});
var catchPromise = thenPromise.catch(function (error) {
console.error(error);
});
console.log(aPromise !== thenPromise); // => true
console.log(thenPromise !== catchPromise);// => true
5、promise.all
当数组里的promise全部resolve的时候,then回调就会触发(同理 全部reject后才会触发catch回调)
promise.all([p1,p2,...pn]).then()
传递给 Promise.all 的promise并不是一个个的顺序执行的,而是同时开始、并行执行的。
而且promise.all的结果resp内部的顺序是跟promise的数组顺序一致的,哪怕p2比p1先执行完
6、promise.race
race有竞速的意思
即谁先执行完,race就then回调
只要有一个promise对象进入 FulFilled 或者 Rejected 状态的话,就会继续进行后面的处理。
7、宏任务和微任务
setTimeout是宏任务
promise的.then是微任务
整体逻辑是同一个循环上,先宏--->再微
循环走完了,再宏-->再微 如此循环
所以经常被问到,如果有宏,和微任务,哪个先执行,其实不管怎么回答都是错的,应该看
那个微任务是否那个宏任务在同一个循环上,如果再同一个循环上,是宏先执行的,在不同的循环上,就是微先执行,宏后执行的。
我觉得这张图很好理解
摘抄:
1.promise笔记
2.常见promise面试题
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。