非同期処理を待ち、そこで得た値を変数を代入したい（IndexDB, Dexie.js）

Question

非同期処理を待ち、変数を代入したいです。
仮のテストコードを書いて実行しているのですが、非同期処理のところで詰まっています。

コードの内容はデータベースからレコードを取得する関数です。IndexDBのラッパーDexie.jsを利用しています。
どのようにしたら非同期処理を待ち、値に代入できますでしょうか。よろしくお願いいたします。

var temp;
evdDB.evdNoteStore // データベース（evdDB）から
　　　　　　　　　　　 // ストア（evdNoteStore）にアクセス
    .toArray()     
    .then(function(notes) {
        console.log(notes);
        temp = notes; // この処理を最初に実行したい！
    });
console.log(JSON.stringify(temp)); // 実行結果: undefined

■追記
以下の方法で解決できましたが、いまいち動作がわかりません。
以下の理解で正しいでしょうか？
① 処理待ちしたい関数は Promise でリターンする。
② 処理待ちしたい関数の受けて側は await で Promise が resolve になるまで待つ。
③ awaitを持つ関数は宣言の前に await を宣言する。

以下今回のコードと実行結果になります。
いまいち挙動の理解ができていないので コードが不安であります。他に記述する方法や間違っている点があれば教えていただきたいです。よろしくお願いいたします。

■コード

function test() {
    return new Promise(function(resolve, reject) {
        evdDB.evdNoteStore
        .toArray()
        .then(function(notes) {
            console.log(notes);
            resolve(notes);
        });
    });
}

async function call() {
    console.log("inner call start");
    var result = await test();
    console.log(JSON.stringify(result));
    console.log("inner call end");
}

console.log("outer call start");
call()
console.log("outer call end");

■実行結果

Answer 1

Promiseとは、登録された非同期の処理の完了をお知らせしてくれる便利なやつです。

async/awaitはES6から使えるようになった便利機能で、それまではthen(), catch()にコールバック関数を登録することで非同期処理の待ち合わせをするようになっていました。（たぶんここの理解が抜けてる）

① 処理待ちしたい関数は Promise でリターンする。

1. Promiseをリターンするか、async functionとして作成する

② 処理待ちしたい関数の受けて側は await で Promise が resolve になるまで待つ。

1. awaitを使用するか、またはpromise.then()へのハンドラを登録することで、resolveになるまで次の処理を待つ

③ awaitを持つ関数は宣言の前に await を宣言する。

1. awaitを内部で使える関数は、asyncとして宣言されているもののみ。

javascriptの地の文（というかなんというか）はasync functionではないのでawaitは使えない。

---

tempに入れる必要は無いのですが、こうですかね。

var temp;
evdDB.evdNoteStore
    .toArray()     
    .then((notes) => {
        console.log(notes);
        temp = notes; // この処理を最初に実行したい！
    })
    .then(() => {
      console.log(JSON.stringify(temp));
    })

Comments

[TosuTosu]

コードも載せていただきありがとうございます。おっしゃる通りthen() catch() の理解が不足しています。（Promiseクラス全体なのですが、、）
Javascript初学なので、まだまだ足りない知識が多いなか、このような回答をいただけて嬉しいです。最後に回答が遅れてしまい心配おかけしました。

ご質問に回答頂き、ありがとうございます。