异步async await 相关知识点总结以及代码练习

Posted sugartang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了异步async await 相关知识点总结以及代码练习相关的知识,希望对你有一定的参考价值。

<script>
const setTimeoutToPromise = duration => new Promise(resolve => 
    setTimeout(resolve, duration)
)
export default 
    data() 
        return 
            mysrc: true
        
    ,
    methods: 
        s1(a)
            console.log(a)
        ,
        s2(a)
            console.log(a)
        ,
        s3(a)
            console.log(a)
        ,
        async s4()
            this.s1(1)
            await setTimeoutToPromise(100).then(() => this.s2(2)).then()
            this.s3(3)
        //输出顺序是132
    

</script>

技术图片

 

 技术图片

 

 

技术图片

 

 

技术图片

 

 技术图片

 

 技术图片

 

技术图片

 

 

 技术图片

 

 

技术图片

 

 技术图片

 

 技术图片

 

 技术图片

 

 

 

技术图片

 

 

 

技术图片

 

 技术图片

 

 

 

技术图片

 

 

 

技术图片

 

 

技术图片

 

 技术图片

 

 

 

 

 

以上是关于异步async await 相关知识点总结以及代码练习的主要内容,如果未能解决你的问题,请参考以下文章

研究c#异步操作async await状态机的总结

C# 中的Async 和 Await 的用法详解

JS异步编程,3/3,async-await,generator,eventloop

async和await浅析

C# 中的Async 和 Await 的用法详解

C# 之 多线程 -- 任务概念以及使用示例 ( Task | TaskCompletionSource | Async | Await )