js请求中的同步和异步如何处理

最新推荐文章于 2024-06-17 07:30:22 发布

luobinzi

最新推荐文章于 2024-06-17 07:30:22 发布

阅读量1.5k

点赞数

分类专栏：笔记文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_63250938/article/details/127454807

版权

JavaScript的单线程特性可能导致处理大量数据时影响用户体验。为解决此问题，引入了异步执行，允许任务并发处理。在一个场景中，uniapp应用的两个方法在onLoad中调用，由于同步执行的不确定性，可能导致数据获取为空。正确的做法是将依赖数据的方法放在数据获取方法内部以确保执行顺序。

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

因为JavaScript的单线程，因此同个时间只能处理同个任务，所以任务的执行需要按排队方式一步一步的执行，但是当用户向后台获取大量的数据时，不得不等到所有数据都获取完毕才能进行下一步操作，这样会严重影响用户体验。

为解决这个问题，就需要用到异步，异步就相当与在一条跑道上好几个人一起出发，但其本质页还是一条跑道，与同步都是单线程。区别在于排队跑还是百米一起跑。

今天遇到一个关于同步异步的问题。

场景：uniapp中两个方法中，一个方法在data容器中存储数据，另一个方法引用data中的数据。两个方法都在onLoand中调用，导致调用的data数据为空。

//金刚区接口
   async jingang() {
    await getDistrict().then((res) => {
     this.btn = res.result
     //this.zoom()
     console.log(this.btn, 3333333);
     if (this.btn.length > 7) {
      this.btnMin = this.btn.filter(num => num.dkey < 7 )
     }
     console.log(this.btnMin,3333);
    })
    // console.log(this.btn,0000000);
   },
   //跑马灯
   getHorseRaceLamp(){
     uni.request({
    
      url: 'http://192.168.3.80:9000/manager/user/getUserList',
      data: {
       // text: 'uni.request'
      },