小程序 js 异步方法 callback 使用

最新推荐文章于 2024-06-18 21:29:11 发布

RenQiang_Cheng

最新推荐文章于 2024-06-18 21:29:11 发布

阅读量3.4k

点赞数

分类专栏： js 小程序文章标签：小程序 js callback

本文链接：https://blog.csdn.net/u013276512/article/details/92772365

版权

本文通过分析一个小程序项目中的两千行JS文件，探讨了callback在处理异步操作时的优势，包括确保异步调用流程的正确性和简化代码。以伪代码展示了如何在A任务完成后依次执行B和C任务，并提倡即使只有一个后续操作，也应该使用callback以提高代码的可读性和可维护性。

摘要由CSDN通过智能技术生成

   最近接手了一个小程序项目，其中最大的Js文件在两千行左右，我根据业务逻辑浏览了一遍该js文件，发现很多代码写的都有问题，可优化的内容很多。
下面通过该js文件，总结出了几点，今天先更新一下关于 callback 的使用吧。
   callback 都是基于异步方法使用的，优势：
       1，它保证了异步调用流程的正确性，不会出现下一步没有获取到上一步的参数内容，导致下一步执行失败；
       2，简化代码，让每一步异步操作都不用考虑后续操作内容，只需要调用对应的callback就可以

涉及到的都是伪代码，如下：
如B任务要在A任务执行成功之后执行，简单流程会是：

		main:function(){
			A();
			B();
		}

如果 A 和 B 都是同步方法，没有问题。如果 A 是异步方法（比如wx.request），可能会这样写：

        main: function(){
            A();
        }
        A:function(){
            wx.request({
                url:URL,
                success:function(){
                    B();
                }
            });
        }