Promise的事件循环

版权声明：如果这篇文章对你有所帮助，请点个赞~~~ 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在任务队列中首先执行。