[javascript,chrome extension]非同期処理を待ってから処理を行いたいです。

Question

前提・実現したいこと

chrome extensionを作っています。
background.jsにsendMessageしてresponseを受け取り、responseを使ってその後の処理を行いたいのに、responseを待たずに次の処理に進んでしまい、困っています。

以下のコードではconsole.logの出力が必ず

実行順2　結果false
実行順1

となります。

実行順1
実行順2　結果true（false）
とするにはどうすればよろしいでしょうか。

該当のソースコード

var IsVisited;//boolean
chrome.runtime.sendMessage({ url: url }, response => {
    IsVisited = response.visited;
    console.log('実行順1');
});

if (IsVisited){
    console.log('実行順2　結果true');
}else{
    console.log('実行順2　結果false');
};

Answer 1

var IsVisited;//boolean
chrome.runtime.sendMessage({ url: url }, response => {
    IsVisited = response.visited;
    console.log('実行順1');
    if (IsVisited){
        console.log('実行順2　結果true');
    }else{
        console.log('実行順2　結果false');
    };
});

Comments

[TeaTime]

ご返信ありがとうございます。
想定通りになりました。
これがコールバック地獄の第一歩か、という状態ですが、為になりました。

[TeaTime]

間違って2つ目の投稿になりました・・・。