ES6 —— Promise

最新推荐文章于 2024-06-01 15:49:45 发布

原创最新推荐文章于 2024-06-01 15:49:45 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6 #Promise

react 专栏收录该内容

5 篇文章

订阅专栏

本文通过一个具体的示例对比了传统嵌套回调函数与ES6 Promise在实现延迟输出功能上的区别。展示了如何使用Promise简化异步操作，避免回调地狱，提高代码可读性和维护性。

不使用 ES6 Promise
嵌套两个 setTimeout 回调函数

setTimeout(function(){
	console.log('hello'); // 一秒后输出 “hello”
	setTimeout(function(){
		console.log('world'); // 两秒后输出 “world”
	}, 1000)
}, 1000);

使用 ES6 Promise ，实现以上相同效果

var waitSecond = function() {
	return new Promise(function(resolve, reject) {
		setTimeout(resolve, 1000);
	});
}

waitSecond().then(function(){
	console.log('hello'); // 一秒后输出 “hello”
	return waitSecond();
}).then(function(){
	console.log('world'); // 两秒后输出 “world”
});