异步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 相关知识点总结以及代码练习_第1张图片

 

 异步async await 相关知识点总结以及代码练习_第2张图片

 

 

异步async await 相关知识点总结以及代码练习_第3张图片

 

 

异步async await 相关知识点总结以及代码练习_第4张图片

 

 异步async await 相关知识点总结以及代码练习_第5张图片

 

 异步async await 相关知识点总结以及代码练习_第6张图片

 

异步async await 相关知识点总结以及代码练习_第7张图片

 

 

 异步async await 相关知识点总结以及代码练习_第8张图片

 

 

异步async await 相关知识点总结以及代码练习_第9张图片

 

 异步async await 相关知识点总结以及代码练习_第10张图片

 

 异步async await 相关知识点总结以及代码练习_第11张图片

 

 异步async await 相关知识点总结以及代码练习_第12张图片

 

 

 

异步async await 相关知识点总结以及代码练习_第13张图片

 

 

 

异步async await 相关知识点总结以及代码练习_第14张图片

 

 异步async await 相关知识点总结以及代码练习_第15张图片

 

 

 

异步async await 相关知识点总结以及代码练习_第16张图片

 

 

 

异步async await 相关知识点总结以及代码练习_第17张图片

 

 

异步async await 相关知识点总结以及代码练习_第18张图片

 

 异步async await 相关知识点总结以及代码练习_第19张图片

 

 

 

 

 

你可能感兴趣的:(异步async await 相关知识点总结以及代码练习)