awaitを入れ子で使用したい

Question

async／await初心者です。

以下のような処理を実現させたいです。

$(function(){
	async function a(){
		return new Promise(function(resolve, reject){
			setTimeout(function(){
				//いくつかの処理～
				
				//↓Uncaught SyntaxError: await is only valid in async functions, async generators and modules
				await b();
				resolve(true);
			}, 2000);
		});
	}
	
	function b(){
		return new Promise(function(resolve, reject){
			setTimeout(function(){
				//いくつかの処理～
				resolve(true);
			}, 2000);
		});
	}
	
	async function c(){
		await a();
		
		alert('a');
	}
	
	c();
});

c()の関数からa()の関数を呼び出し、aの関数で2秒経過後、bの関数の2秒経過を待って呼び出したいです。
最終的に4秒経過してアラートが出る形です。
実際には「Uncaught SyntaxError: await is only valid in async functions, async generators and modules」と出ますが、async関数で呼び出しているつもりなので、よく分かりません。

現在動いているプログラムの形を修正する形で、それを元に例として上のソースを組んだので、大幅な変更なく、処理の実行を行うにはどのようにすべきでしょうか。

Answer 1

エラーのとおりで、awaitを使用している関数を async にすれば大丈夫だと思います。

			setTimeout(async function(){

Comments

[p2y]

ありがとうございます、setTimeoutも関数が挟んでいるのでasyncが必要なのですね。