版权声明:如果这篇文章对你有所帮助,请点个赞~~~ https://blog.csdn.net/qq_35087256/article/details/82858267
1.Promise 新建后立即执行
let promise = new Promise(function(resolve, reject) {
console.log('Promise');
resolve();
});
promise.then(function() {
console.log('resolved');
});
console.log('我是同步任务');
打印结果依次是:Promise , 我是同步任务 , resolved。
说明,Promise 新建后立即执行,然后, then 方法指定的回调函数,将在当前脚本所有同步任务执行完才会执行。
2.Promise 与setTimeout执行的先后
(1)立即执行的Promise
Promise.resolve().then(function() {
console.log('resolved');
});
console.log('我是同步任务');
setTimeout(function(){
console.log('event loop')
})
打印结果依次是: 我是同步任务 , resolved,event loop。
上面代码,setTimeout在下一轮“事件循环”开始时执行。
说明,立即 resolve 的 Promise 对象,是在本轮“事件循环”(event loop)的结束时,而不是在下一轮“事件循环”的开始时
(2)非立即执行的Promise
第一种:异步请求的Promise:
let thenable = {
then: function(resolve, reject) {
$.ajax({
url:"test.php",
complete:function(result){
console.log('异步数据请求完毕了');
resolve('resolved');
}
});
}
};
Promise.resolve(thenable).then(val=>console.log(val));
console.log('我是同步任务');
setTimeout(function(){
console.log('event loop')
})
打印结果依次是: 我是同步任务 ,异步数据请求完毕了,resolved,event loop。
说明:Promise 新建后立即执行,then 方法指定的回调函数,将在当前脚本所有同步任务执行完才会执行。最后下一轮“事件循环”开始时执行setTimeout。
第二种:使用setTimeout的Promise:
let thenable = {
then: function(resolve, reject) {
setTimeout(function(){
console.log('Promise');
resolve('resolved');
})
}
};
Promise.resolve(thenable).then(val=>console.log(val));
console.log('我是同步任务');
setTimeout(function(){
console.log('event loop')
})
打印结果依次是: 我是同步任务 , event loop ,Promise , resolved。
说明:Promise 指定在下一轮“事件循环”再执行resolved,而在下一轮“事件循环”中,外部的setTimeout在任务队列中首先执行。