js实现两个方式实现函数同步执行，比如先执行完B函数，再执行A函数。callback和async await

最新推荐文章于 2024-06-17 07:30:22 发布
最新推荐文章于 2024-06-17 07:30:22 发布
阅读量2w 收藏 37
点赞数 6
分类专栏： 微信小程序 JavaScript 文章标签： javascript es6 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/life_wanghexu/article/details/112554460
版权

1. 方式1  使用async await  使用promise来等待执行完成

funcA(){

     return new Promise((resolve, reject) => {
        if(true){

           resolve(你要传正确返回值)

       }else{

          reject(你要传输错误的值)

      }


    })

},
funcB(){

     return new Promise((resolve, reject) => {
        if(true){

           resolve(你要传正确返回值)

       }else{

          reject(你要传输错误的值)

      }


    })

},

接下来我们在方法c调用A和B ，如果我们希望先执行完毕B再执行A，可以这样操作，给C方法加上async，它才能使用await

async funcC(){

   //先执行完毕B，await作用就是等待这个函数执行完毕才往下走
   var resB = await this.funcB()
   //再去执行方法A
   this.funcA()
  
},

2.方式2，我们可以使用callback来完成，就是在执行完B里面，加个函数，A就在那个函数里面执行

funcA(){

   //执行你的操作
  
},

funcB(callback){

 //执行你的操作，完毕后，调用
 callback("BBB")
  
},


//调用C ，等待执行完B再去执行A
funcC(){

  //先执行完毕B
  this.funcB(function(res){
      //此时res的值就是  BBB
      //再去执行A
      this.funcA()
  })
  
},

 

王和旭
关注
  • 6
    点赞
  • 踩
  • 37
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
异步编程：回调函数(Callback)、Promise 对象和 async/await
ASerendipity_的博客
03-11 406
async/await 是 ECMAScript 2017 中引入的异步编程新特性，它基于 Promise 对象，提供了更简洁的语法来处理异步操作。async 函数返回一个 Promise 对象，await 关键字用于等待一个 Promise 对象的解决（resolve）。Promise 是 JavaScript 的异步编程解决方案之一，它表示一个异步操作的最终完成或失败的结果。回调函数是异步编程的最基本方式，它通过将一个函数作为参数传递给另一个函数，在异步操作完成后调用该函数来处理结果。
js 实现 同时调用两个方法
03-30
js 实现 同时调用两个方法! 值得下载看看!资源免费,大家分享!!
超硬核五千字！彻底讲明白JavaScript中的异步和同步，以及JavaScript代码执行顺序
最新发布
Yong.Sunshine
06-17 1261
同步操作和异步操作是编程中处理任务的两种不同方式，它们主要区别在于控制流和对程序执行的影响。不知道大家是怎么理解JavaScript中的同步和异步的？JavaScript的代码执行顺序是怎么样？下面这段代码是同步还是异步的？
JS之同步异步promise、async、await
一名在校大三学习JAVA
10-12 1195
Promis就是对异步操作进行封装，其中的思想就是不希望你在回调函数中处理需要执行的代码，而是把回调执行的代码放入对应的区域也就是then()或catch()方法中处理，然后通过resolve()或reject()来调用。将代码分离后做的时链式的调用，你可以这样理解一个then或一个catch就是一个链条的连接点。一般有异步操作我们都要使用promise对异步操作进行封装，养成良好的习惯。
js解决同步调用的方法
yuhoo_的博客
12-24 1552
weightBtn(e) { that.getOrderDetail(baseUrl, recId, token, { success(res) { console.log(res) //此处课进行需要的操作 } }) }, //封装的方法，callback只是自己封装的方法调用 getOrderDetail(baseUrl, recId, token, callback) { var that = this wx.request({ url: ${baseUrl}/paotui/v1/sendOrder/
javaScript教学
weixin_46932940的博客
04-15 215
一、函数的定义方式 函数声明: function 函数名() { //... } 特点：无论在函数定义前，还是函数定义后调用，都能执行 为什么都能执行？？？ 因为函数声明方式：函数提升 2.函数表达式 var 变量名=function() { //.... } 变量名() 特点：只能在函数定义后调用，才能执行 二、this指向 在全局调用函数,函数中的this指向window function fn() { //this === window} 详细this指向会有专门
js的同步执行
本作者：想花
07-28 5724
几个知识点 代码中的异步、同步概念 异步是代码中的多个代码块同时执行，没有先后顺序。 同步是按照代码的上下左右顺序，从上往下执行，从左往右执行。执行完上一行的代码才会执行下一行。 异步同步的命名方式貌似是根据cpu的时钟顺序来命名的。 线程b的执行依赖于线程a执行结束，就是说线程a结束时间和线程b开始时间是一样的即同步时间。 线程a和b若没有先后那么线程a和b的执行时间也没必要一致，即异步时间 浏览器或者nodejs执行js代码机制 因为前端页面的大部分动作依赖于js代码，通常我们使用Goo
js代码同步执行
w19981225的博客
04-18 4080
【代码】js代码同步执行。
详解Node.js中的Async和Await函数
12-23
在本文中，你将学习如何使用Node.js中的async函数(async/await)来简化callback或Promise. 异步语言结构在其他语言中已经存在了，像c#的async/await、Kotlin的coroutines、go的goroutines，随着Node.js 8的发布，期待...
深入理解js 中async 函数的含义和用法
12-12
每个async函数可以转换为一个Generator函数，再由spawn函数执行。spawn函数接收Generator函数，通过Promise的then和catch方法处理Generator的next和throw操作，从而实现异步控制流。 ```javascript function spawn...
微信小程序按顺序同步执行的两种方式
10-15
本文将探讨两种实现微信小程序按顺序同步执行的方法：回调函数和async/await。 1. 回调函数执行 回调函数是一种传统的异步处理方式，通过将下一个操作放入当前操作的回调函数中来实现顺序执行。这种方法的缺点在于...
js 异步操作回调函数如何控制执行顺序
10-26
例如，假设有一个函数funA()和一个函数funB()，需要确保B在A之后执行，如果A和B都是异步的，就不能简单地按顺序调用A()和B()，因为这不能保证B在A之后执行。 解决这个问题的一种方法是将funB作为参数传递给funA，并...
如何让一个函数彻底执行完在执行另外一个函数 js
放弃不难，但坚持一定很酷！
11-21 1821
有时候做项目会遇到同时在某个生命周期中执行两个函数 但是第二个函数是要用到第一个函数返回的数据才能执行的。
js 同步函数举例
MaggieWon
06-08 191
写了很久c# 突然写js 用到同步函数 踩了很多坑 原理还不是很明白,但是做出来了,做记录。这是实际项目中用到的 带着接口的,这个接口很耗时,要等接口返回值后 根绝返回的值做后面的功能。这个是很久之前写的同步函数 也是实际项目的 具有一定的参考意义。下面这个是可以直接跑起来做测试的 更直观。
浅谈js堆、栈、执行栈和EventLoop
Gdevelopment的博客
10-23 316
JS内存机制 整篇文章通过 浅谈js堆、栈、执行栈和EventLoop摘抄，真心写的不错也方便自己查阅 JavaScript具有自动垃圾回收机制，周期性会检查没有使用的变量，进行回收释放。所以在闭包中，如果引用了外部的变量，则无法进行释放和回收，一般会传参进去。 垃圾回收：找出那些不再继续使用的变量，然后释放其占用的内存，垃圾收集器会按照固定的时间间隔周期性地执行这一操作。 在JS中，每一个数据都需要一个内存空间，内存空间又分为栈内存(stack)与堆内存(heap)。 栈内存一般储存基础数据类型 Numb
深入理解 JS 引擎执行机制（同步执行、异步执行以及同步中的异步执行）
01-22 1631
首先明确两点： 1.JS 执行机制是单线程。 2.JS的Event loop是JS的执行机制，深入了解Event loop，就等于深入了解JS引擎的执行。 单线程执行带来什么问题？ 在JS执行中都是单线程执行，所以代码的执行可以说是自上而下，如果前一段的代码出现问题，就会导致下一段代码无法执行，对于用户而言就是卡死现象，所以在JS执行机制引出了异步执行操作。 那异步能解决...
js中的同步函数，异步函数及其具体应用
weixin_42424269的博客
03-12 8705
1.同步函数：当一个函数同步调用时，该函数不会被调用时不会立即返回，直到该函数所要做的事情全部做完了才返回 2.异步函数：当一个异步函数被调用时，该函数会立即返回，尽管这个函数规定的操作任务还没有完成 javascript是异步编程的，这是js的一个优点，但是也是它的一个缺点，因为当我们想要使用函数执行完成的结果来进行下一步操作时，会有一些麻烦，解决这种问题的方法是回调，因为回调的代码的层次很深不...
js函数同步问题
ydeway的博客
04-01 1436
let i = 1; //模拟数据库操作，因此时间不确定 //使用setInterval时，两次f1执行时内部的异步回调无保证执行顺序 function f1() { setTimeout(() => { process.stdout.write(i + ' '); setTimeout(() => { i++; }, Number.parseInt(Math.r...
JS怎么保证一个函数执行完之后再执行下一个函数
05-05
可以使用回调函数、Promise 或 async/await 来保证一个函数执行完之后再执行下一个函数。 1. 回调函数： 在函数执行完后，将下一个函数作为参数传入当前函数的回调函数中，等待当前函数执行完后再调用下一个函数。 示例代码： ``` function func1(callback) { // 执行一些操作 // ... // 执行完后，调用回调函数 callback(); } function func2() { // 执行一些操作 // ... } func1(func2); ``` 2. Promise： 使用 Promise 可以将异步操作封装成 Promise 对象，并使用 then 方法来指定在 Promise 执行完后需要执行的下一个函数。 示例代码： ``` function func1() { return new Promise((resolve, reject) => { // 执行一些操作，如异步请求 // ... // 执行完后，调用 resolve 函数 resolve(); }); } function func2() { // 执行一些操作 // ... } func1().then(func2); ``` 3. async/await： 使用 async/await 可以让异步代码像同步代码一样简洁，使用 await 关键字等待异步操作完成后执行下一个函数。 示例代码： ``` async function func1() { // 执行一些操作，如异步请求 // ... // 执行完后，返回结果 return result; } async function func2() { // 执行一些操作 // ... } await func1(); func2(); ``` 注意：使用 async/await 必须在外层函数或代码块中使用 async 关键字定义为异步函数。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值