js简单回调函数嵌套设计

// method 1
var pa1 = function () {
        console.log('爬一楼');

        return {
                success: (fun) => {fun();}
        }
};

var pa2 = function () {
        console.log('爬二楼');


        return {success: (fun) => {fun();}}
};
var pa3 = function () {
        console.log('爬三楼');


        return {
                success: function () {

                }
        }
};

pa1().success(function () {
        pa2().success(function () {
        pa3();
        });
})

// method 2

 

在JavaScript中,回调函数嵌套是一种常见的编程模式,也被称为回调地狱。回调函数嵌套指的是在一个回调函数中再次调用另一个回调函数。这种嵌套的方式可以用来处理异步操作,确保它们按照特定的顺序执行。 在给出的代码示例中,loadScript函数用来加载脚本文件,并在加载完成后执行回调函数。通过回调函数嵌套,可以按照指定的顺序加载多个脚本文件。 例如,step1函数是loadScript函数的回调函数,它会在加载第一个脚本文件(1.js)完成后执行。在step1函数中,又调用了loadScript函数来加载第二个脚本文件(2.js),并在加载完成后执行step2函数。同样地,step2函数又调用了loadScript函数来加载第三个脚本文件(3.js),并在加载完成后执行step3函数。最后,在step3函数中,所有的脚本文件都已加载完成,可以继续执行后续的操作。 这种方式可以确保脚本的加载顺序,并且可以在每个加载完成后执行相应的代码。然而,回调函数嵌套会导致代码结构复杂,并且可读性较差。为了避免回调地狱问题,可以使用Promise、async/await等其他异步处理方式来简化代码结构和提高可读性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [JavaScript 异步操作里的嵌套回调函数](https://blog.youkuaiyun.com/i042416/article/details/126302075)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [js回调函数详解](https://download.youkuaiyun.com/download/weixin_38557757/13609084)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值