constructor中调用异步的处理

最新推荐文章于 2024-01-24 09:59:02 发布

AF01

最新推荐文章于 2024-01-24 09:59:02 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/songJunFeng1/article/details/130363965

版权

文章展示了如何在JavaScript中使用async函数和Promise处理异步操作。在两个类demo中，定义了异步方法l1，构造函数中调用该方法。通过await关键字确保异步操作完成后再执行后续代码，如f1方法。同时，run方法用来协调异步流程，确保l1Promise完成后调用f1。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  // class demo {
        //    constructor(){
        //         this.l1()
        //     }
        //     async l1(){
        //         let res =  await new Promise((resolve,reject)=>{
        //             setTimeout(() => {
        //                 resolve("1")
        //             }, 1000);
        //         })

        //         console.log('先执行');
        //     }
        //     f1(){
        //         console.log("再执行");
        //     }
        // }

        // let d1 = new demo()
        // d1.f1()


        class demo {
            constructor() {
                this.l1Promise = this.l1();
            }

            async l1() {
                let res = await new Promise((resolve, reject) => {
                    setTimeout(() => {
                        resolve("1");
                    }, 1000);
                });

                console.log('先执行');
            }

            f1() {
                console.log("再执行");
            }

            async run() {
                console.log(this.l1Promise,'this.l1Promise');
                await this.l1Promise;
                this.f1();
            }
        }

        let d1 = new demo();
        d1.run();
        d1.run();
        d1.run();