回调函数,promise,异步函数的基本原理和语法 - 前端笔记-1.回调地狱 回调地狱,什么是回调地狱? 回调地狱就是在按顺序执行异步的代码,看以下代码,代码越多越像 v所以简称回调地狱 &nbs...

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>回调函数,promise,异步函数的基本原理和语法 - 前端笔记



1.回调地狱
       回调地狱,什么是回调地狱?   回调地狱就是 在按顺序执行异步的代码,看以下代码,代码越多越像 v 所以简称回调地狱
 
        //回调地狱
        setTimeout(() => {
            console.log(1);
            setTimeout(() => {
                console.log(2);
                setTimeout(() => {
                    console.log(3);
                    setTimeout(() => {
                        console.log(4);

                    }, 1000)
                }, 1000)
            }, 1000)
        }, 1000)



2.promise
    promise是为了 解决 回调地狱  而产生的  ,个人 不推荐使用 ,因为promise虽然解决了回调地狱,但是代码还是一样多 ,推荐使用 async

        //通过 promise解决 回调地狱 , 但是代码还是多 async 和 await解决
        const a = (sumcon=> {
            return new Promise(
                (rs=> {
                    setTimeout(() => {
                        console.log(111);
                        r(con);
                    }, sum)
                }
            )
        }

        a(100'你好世界').then(
            function(r) {
                console.log(r);
            }
        );

        a(1000'你好').then(
            function(r) {
                console.log(r);
            }
        );



3. async 异步函数 和 await
    async 异步函数 ,也可以实现,按顺序执行异步代码,  代码量也很少, 很完美的解决的了 回调地狱


        //通过异步函数来解决promise的代码量

        const a = async(sumcon=> {
            await setTimeout(() => {
                console.log(con);
            }, sum);
        }
        a(100'哈哈哈')
        a(100'哈哈哈')
        a(100'哈哈哈')








×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » 回调函数,promise,异步函数的基本原理和语法

网友评论(0)