ES6 —— Promise

最新推荐文章于 2024-07-24 17:16:13 发布

全栈编程网

最新推荐文章于 2024-07-24 17:16:13 发布

阅读量191

点赞数 1

CC 4.0 BY-SA版权

分类专栏： react 文章标签： ES6 Promise

本文链接：https://blog.youkuaiyun.com/ruanhao1203/article/details/94021175

react 专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不使用 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”
});