Cara menggunakan await dengan fungsi bukan async

Question

wait perlu digunakan dalam fungsi async, jadi setiap kali kita ingin menggunakan await, kita mesti mentakrifkannya dahulu dalam fungsi async dan kemudian memanggil fungsi async ini.

Sama seperti ini

async function fn(){}
fn()

Contoh yang lebih terperinci

        async function asy(){
            // 获取当前城市的位置 获取热门城市 获取所有城市
            const [resCityGuess,resCityHot,resCityAll]=await Promise.all([
                            this.http.get('api/v1/cities?type=guess'),
                            this.http.get('api/v1/cities?type=hot'),
                            this.http.get('api/v1/cities?type=group')
            ])
            this.cityGuessName=resCityGuess.data.name;
            this.cityGuessId=resCityGuess.data.id;
            this.cityHot=resCityHot.data;
            this.cityAll=resCityAll.data;
        }
        asy.apply(this);

Setiap kali anda menggunakan await, anda perlu mentakrifkan async sekali lagi dan kemudian memanggilnya saya mendapati proses ini agak menyusahkan dan berulang, jadi saya ingin bertanya sama ada terdapat cara untuk mengoptimumkan atau menyelesaikan masalah ini?

Answer 1

async tidak memerlukan tunggu, tunggu mesti bergantung pada async

Answer 2

Nilai pulangan fungsi yang diisytiharkan oleh async ialah objek Promise:

Fungsi sedemikian

async function fn() {}

Untuk menggunakan await, anda perlu meletakkannya dalam fungsi async

async function anthor() {
    await fn()
}

Jika anda tidak menggunakan await, gunakan sahaja ia sebagai Janji

function anthor() {
    fn().then(...).catch(...)
}

Answer 3

Cuba ini

function asy(){
    // 获取当前城市的位置 获取热门城市 获取所有城市
    Promise.all([
        this.http.get('api/v1/cities?type=guess'),
        this.http.get('api/v1/cities?type=hot'),
        this.http.get('api/v1/cities?type=group')
    ]).then(values =>{
        this.cityGuessName=resCityGuess.data.name;
        this.cityGuessId=values[0].data.id;
        this.cityHot=values[1].data;
        this.cityAll=values[2].data;
    });
}
asy.apply(this);