Promise异步使用（async & await）

一时失言乱红尘 2023-10-10 14:52 42阅读 0赞

Promise 等同于 async…await，async-await 组合返回一个Promise异步链

**async是一个加在函数前的修饰符，被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then，返回值就是then方法传入的函数**

// 1、await 修饰非promise，直接返回表达式的结果
    async function a() {
        
        return await "1"
    }
    console.log(a()) // 返回一个promise对象
    a().then(a => {
        console.log(a)})
    
    // 2、await 修饰promise方法：可以获取Promise中返回的内容（resolve或reject的参数），且取到值后语句才会往下执行
    // 取到的值需要返回
    
    async function log(t) {
        
        return await t
    }
    async function a() {
        
     return await log(1)
    }
    a().then(a => {
        console.log(a)})

Promise有两个原型，.then(() => \{\}) 处理返回成功的数据；.catch(e => \{\}) 处理返回失败的数据

关于Promise：简单的定义和调用

// 定义
    <script>
    	function test1(type) {
        
    	    return new Promise((resolve, reject) => {
        
    	      if(type === 1) {
        
    	        resolve('success. resloved result data')
    	      }
    	      if(type === 2) {
        
    	        reject('error reject.')
    	      }  
    	    })
    	}
    	
    	// 调用
    	test1(2).then(d => {
        
    	    console.log('成功：', d)
    	}).catch (e => {
        
    	    console.log('异常：', e)
    	})
    	
    	// ===> 等同于 async ... await ... (async await 需要成对出现)
    	// async 是需要同步的方法
    	// await 是同步方法内需要等待的异步操作
    	
    	async function test2(type) {
        
    	    if(type === 1) {
        
    	        return await "success data!"
    	    }
    	    if(type === 2) {
        
    	        return await "error data!"
    	    }
    	}
    	
    	// 调用
    	test2(1).then(d => {
        
    	    console.log('返回：', d)
    	}).catch (e => {
        
    	    console.log('异常：', e)
    	})
    </script>

关于Promise：for循环中进行异步调用  
for循环中如果不对异步操作做同步处理，结果不会是理想的：这就是**异步操作需要以同步的方式去执行**，因为下一步的执行需要等待上一步的结果。

关于js线程同步异步可以参考文章：[理解js中的同步和异步][js]

[js]: https://blog.csdn.net/weixin_45811256/article/details/123731842