Promise 的案例以及理解

最新推荐文章于 2025-01-11 20:44:16 发布

原创最新推荐文章于 2025-01-11 20:44:16 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

随手记专栏收录该内容

9 篇文章

订阅专栏

本文详细探讨了JavaScript中的Promise，从基本概念到常见用法，包括如何解决异步操作的回调地狱问题。通过实例解析Promise的创建、链式调用、then、catch以及all和race方法的使用，帮助读者深入理解Promise的工作原理及其在实际开发中的应用。

			let promise =new Promise((Resolve,reject)=>{
				// Resolve ===> 执行  then 中的方法，reject===> 执行catch 中的方法
				// 还可以传参 Resolve(msg)  reject(msg)
			})
			promise.then(res=>{
				console.log('success')
			}).catch(err=>{
				console.log('err')
			})
			
			//链式
			function promise1(status){
				return new Promise((Resolve,reject)=>{
					if(status){
						console.log('success')
						Resolve('success')
					}else{
						console.log('err')
						reject('err')
					}	
					
				})
			}
			promise1(true).then(res=>{
				console.log(res)
			}).catch(err=>{
				console.log(err)
			})
			// 多个异步方法  ,全部调用成功(返回，resolve)才 会调用 then 中的方法
			// promise.all([sync1(),sync2()].then(res=>{console.log(11)}).catch(err=>{conseol.log(err)}))
			
			// race 遇到Resolve 就会一直执行下去的,只要一个返回 成功就回调then,如果第一个返回reject 的话就执行失败的方法
			// promise.race([sync1(),sync2()].then(res=>{console.log(11)}).catch(err=>{conseol.log(err)})),