axiosを同期処理したい

Question

###やりたいこと
下に記載した[結果]を1,2,3と表示したい

前提

• axiosとPDOでデータベースからデータを引っ張ってきたい
• 複数の関数やVueインスタンスで同じデータを扱いたいので、グローバル変数に入れるようにしたい
• データを更新できるように、関数として宣言したい
• promise形式で返されても困るので、返り値はオブジェクト型にしたい

data_get = function() {
    return axios.get('../../php/select.php')
        .then(function (response) {
            return response.data;
        }).catch(function (error) {
            console.log(error);
        })
}
var aaa = "aaa";
data_get().then(function (x) {
    console.log(1);
    console.log(x);
    aaa = x;
    console.log(2);
    console.log(aaa);
});
console.log(3);
console.log(aaa);

結果

3
aaa

1
[(14){…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

2
[(14){…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

やったこと

関数をasyncにした
結果：かわらず

data_get = function() {
    return axios.get('../../php/select.php')
        .then(function (response) {
            return response.data;
        }).catch(function (error) {
            console.log(error);
        })
}
var aaa = "aaa";
data_get().then(function (x) {
    console.log(1);
    console.log(x);
    aaa = x;
    console.log(2);
    console.log(aaa);
});
console.log(3);
console.log(aaa);

結果

3
aaa

1
[(14){…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

2
[(14){…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
```---

関数をasyncにして、returnにawaitを付けた
結果：かわらず
```js
data_get = function() {
    return await axios.get('../../php/select.php')
        .then(function (response) {
            return response.data;
        }).catch(function (error) {
            console.log(error);
        })
}
var aaa = "aaa";
data_get().then(function (x) {
    console.log(1);
    console.log(x);
    aaa = x;
    console.log(2);
    console.log(aaa);
});
console.log(3);
console.log(aaa);

結果

3
aaa

1
[(14){…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

2
[(14){…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

---

関数をasyncにして、実行時にawaitを付けた
結果：エラーが出た

data_get = async function() {
    return axios.get('../../php/select.php')
        .then(function (response) {
            return response.data;
        }).catch(function (error) {
            console.log(error);
        })
}
var aaa = "aaa";
await data_get().then(function (x) {
    console.log(1);
    console.log(x);
    aaa = x;
    console.log(2);
    console.log(aaa);
});
console.log(3);
console.log(aaa);

結果

Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

Answer 1

不可能です。async-awaitもPromiseを返す関数の別表記に過ぎません。

Comments

[退会済みユーザー]

非同期処理と非同期通信について、ちゃんと勉強しようと思います。
ありがとうございました。