JavaScriptにおけるコールバック関数の使い方について

コールバック関数について

ページのロードが終わった際などの非同期処理に用いられる。
特定のキーワードはない。

function onPageLoad(callback : () => void) { 
	// ページのロードが完了したらコールバック関数を呼び出す 
	// この部分はウェブブラウザなどの環境に依存します 
	// ページがロード完了したら、以下のようにコールバック関数を呼び出す 
	callback(); 
}

サスペンドの方法

Pomiseの使用

Promiseキーワードを使用する。
resolveにはサスペンドしたいコールバック関数を入れる。
インスタンス.then()の引数はpromise内の処理が終わった際に実行される処理を入れる。

function main(){
	const promise = newPromise((resolve, reject) => {
		onPageLoad(() => {
			resolve();
		})
	});
	
	promise.then(() => {
		//処理
	})
};

async/awaitの使用

asyncとawaitキーワードを使用する。
asyncは非同期関数であることを表す。
awaitはサスペンド。

asunc function main(){
	await new Promise((resolve) => {
		onPageLoad(() => {
			resolve();
		})
	};
	
	//処理  
}