前端同步异步解决方案

最新推荐文章于 2024-04-24 15:29:05 发布

敲烂键盘的大侠

最新推荐文章于 2024-04-24 15:29:05 发布

阅读量638

点赞数

分类专栏：前端 HTML JavaScript

本文链接：https://blog.csdn.net/qq_43998496/article/details/113541987

版权

前端同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

HTML

24 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>async和await</title>
</head>
<body>
    <div>async和await</div>
</body>
</html>
<!-- <script>
    function fn1(){
        return new Promise(function(resolve, reject) {
            setTimeout(function(){
                resolve(1)
            },2000)
        });

    }
    function fn2(){
        return new Promise(function(resolve, reject) {
            setTimeout(function(){
                resolve(2)
            },5000)
        });
    }
    function fn3(){
        return new Promise(function(resolve, reject) {
            setTimeout(function(){
                resolve(3)
            },3000)
        });
    }
    fn1().then(function(info){
        console.log(info)
        fn2().then(function(info){
            console.log(info)
            fn3().then(function(info){
                console.log(info)
            })
        })
        return new Promise(function(resolve, reject) {
            setTimeout(function(){
                resolve(4)
            },4000)
        });
    }).then(function(info){
        console.log(info)
    })
    
    
</script> -->
<!-- <script>
    // function 摇色子(){
    //     return new Promise((resolve, reject)=>{
    //         let sino = parseInt(Math.random() * 6 +1)
    //         setTimeout(()=>{
    //             resolve(sino)
    //         },3000)
    //     })
    // }
    // async function test(){
    //     let n =await 摇色子()
    //     console.log(n)
    // }
    // test()
//     async function ajax(url) {
//     return new Promise(function (resolve, reject) {
//         let ajaxSetting = {
//             url: url,
//             success: function (response) {
//                 resolve(response);
//             },
//             error: function () {
//                 reject("请求失败");
//             }
//         }
//         $.ajax(ajaxSetting);
 
//     });
// }
 
// async function run() {
//     let response1 = await ajax("data1.json");
//     let response2 = await ajax(response1["url"]);
//     let response3 = await ajax(response2["url"]);
//     console.log(response3);
// }
 
// //不阻塞
// run();
</script> -->
<script>
    async function Start(){
        var fn1obj=await fn1(2);
        console.log(fn1obj)
        var fn2obj=await fn2(4)
        console.log(fn2obj)
        var fn3obj=await fn3(7)
        console.log(fn3obj)
    }
    Start()
    //获取税率
    async function fn1(fn1Num){
        return new Promise(function (resolve, reject) {
            setTimeout(function(){
                resolve(fn1Num)
            },1000)
        });
        
    }
    //获取税率
    async function fn2(fn2Num){
        return new Promise(function (resolve, reject) {
            setTimeout(function(){
                resolve(fn2Num)
            },4000)
        });
        
    }
    //获取税率
    async function fn3(fn3Num){
        return new Promise(function (resolve, reject) {
            setTimeout(function(){
                resolve(fn3Num)
            },3000)
        });
        
    }
</script>

敲烂键盘的大侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端同步异步解决方案

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>async和await</title></head><body> <div&gt
复制链接

扫一扫