async/awaitの使用法

1. async と await の定義

async 是异步的意思,而 await 是等待的意思,await 用于等待一个异步任务执行完成的结果。
1.async/await 是一种编写异步代码的新方法(以前是采用回调和 promise)。
2. async/await 是建立在 promise 的基础上。
3. async/await 像 promise 一样,也是非阻塞的。
4. async/await 让异步代码看起来、表现起来更像同步代码。

使用シナリオ
実際の開発では、最初のリクエストがデータを返すのを待ってから 2 番目のリクエストを実行するという問題が発生した場合 (2 番目のリクエストで渡されるパラメータは、最初のリクエスト インターフェイスによって返されたデータである可能性があります)。

コード

const datas = async ()=> {
    
    
	  await request.selectPies(Route.path.split('/')[3]).then(res=>{
    
    
	  	states.ids = res.obj
	  })
	  //查询发帖子用户信息
	  await request.selectUsers(states.ids).then(res=>{
    
    
	    console.log(res.obj)
	  })
	}
	datas()

1.非同期

	async function testAsync(){
    
    		//带async关键字的函数,是声明异步函数,返回值是promise对象,
		return 'Hello async';
	}
	testAsync();					//打印结果:Promise {<fulfilled>: 'Hello async'}

2. 非同期関数からデータを取得する

方法 1:

	async function testAsync(){
    
    		
		return 'Hello async';
	}
	var result = testAsync();
	result.then((data)=>{
    
    
	    console.log(data);			//Hello async
	})

方法 2:

function getData(){
    
    
		return 'Hello async';
	}
	async function test(){
    
    
		var d = await getData();	//await 是等待异步方法执行完成,可以获取异步方法里面的数据,但是必须得用在异步方法里面
	}
	test();							//Hello async

3. 応用シナリオ

最初にインターフェイス 1 をリクエストし、インターフェイス 1 から返された結果を取得し、それをインターフェイス 2 のパラメータとして使用してから、インターフェイス 2 をリクエストします。

	async function getD(){
    
    
		var a = await getDataF()	//接口1
		var b = await getDataS(a)	//接口2
		console.log(b);				//接口2返回的值
	}
	getD()

4. 注意事項

1. async は関数が非同期であることを宣言するために使用され、await は非同期メソッドの完了を待つために使用されます 2. await は非同期関数でのみ使用でき、それ以外の場合はエラーが報告されます 3.
async
関数ステータスが fuifilled の Promise オブジェクトを返します
4. 何かを買うために列に並ぶのと同様に、1 人が請求書を支払った後にのみ次の人の順番になることができます async 関数では、await は非同期操作のみをキューに入れることができると規定します1 つずつ実行することで、非同期操作を同期的に実行する効果が得られます。

おすすめ

転載: blog.csdn.net/qq_52654932/article/details/130373910