如何让一个函数彻底执行完在执行另外一个函数 js

于 2023-11-21 11:35:04 发布
阅读量1.1k 收藏 2
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63443983/article/details/134527728
版权

项目场景：

有时候做项目会遇到同时在某个生命周期中执行两个函数 但是第二个函数是要用到第一个函数返回的数据才能执行的

解决方案：

方案1. 同步执行

 直接在第一个函数内逻辑判断后调用 同步执行

方案2. 回调函数内执行

    在this.AssociatedConfig()方法的回调函数中执行this.moduleData()方法，确保了两个      方法的顺序执行 

方案3. async await

Web·强
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS语句中等某个方法执行完再执行后面逻辑
Ypromise-的博客
02-21 4562
在写script语句的时候，常遇到在代码逻辑中需要请求后台或别的运算方法执行完拿到结果再继续执行代码的场景。
欧拉公式求圆周率的matlab代码-functions-practice:功能实践
05-23
欧拉公式求长期率的matlab代码用函数解决问题 创建者：汤姆·佩奇（Thom Page） 主题：通过函数解决问题历史：本课摘自[SEIR-MAE]（） 指示 在您选择的repl.it或环境中执行以下操作。 分叉并克隆此存储库 向此项目添加一个文件，该文件同时包含您的姓名和主要人员的姓名（ taylor-bruno.js ） 做一个拉请求，使标题或你的PR也同时包含你自己和你的点老师的名字，像js文件。 解决问题 记住： 一次仅一步（每一步都经过彻底测试） 研究步骤非常好（尽管很耗时） 1个 计算立方体 编写一个使用单个数字的函数calculateCube ，并打印由该数字组成的立方体的体积。 console . log ( calculateCube ( 5 ) ) ; => 125 2个 是元音吗？ 编写一个函数isAVowel ，该函数接受一个字符（即长度为1的字符串），如果是元音则返回true，否则返回false。 元音可以是大写或小写。 console . log ( isAVowel ( "a" ) ) ; =>是的 3 得到两个长度 编写一个函数getTwoLengths
js等待异步执行完再执行_JavaScript 中优雅使用顺序执行异步函数
weixin_39851261的博客
12-03 2万+
火于异步1995年，当时最流行的浏览器——网景中开始运行 JavaScript （最初称为 LiveScript）。 1996年，微软发布了 JScript 兼容 JavaScript。随着网景、微软竞争而不断的技术更新，在 2000年前后，JavaScript 相关的技术基础准备就绪。 随后到 2005 年前后，以 Google 为首开始重视使用 AJAX（即 Asynchronous Java...
在JavaScript中想让一个函数执行完毕之后再执行下一个函数？
热门推荐
偷懒研究室
06-19 6万+
JavaScript中想让一个函数执行完毕之后再执行下一个函数
js 内存释放问题
12-12
CollectGarbage(); setTimeout(“CollectGarbage();”, 1); 这里之所以使用setTimeout()，因为可以彻底回收当前所有对象，防止变量之间的引用导致释放失败，可以当作一个保障措施，按照道理来说，这里不会执行了。 使用的时候需要注意，一定在所有函数执行完毕之后执行，否则，setTimeout()和setIntervalue()等东东都将无法正常工作了。 另外，切忌胡乱使用，一般来说，顶级对象致空“var xxx=’ss’;xxx=null;”就可以帮助浏览器释放内存，IE在最小化和关闭时释放，所以，长时间开着IE窗口，会导致IE再次打开的瞬间速
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
10-17
主要介绍了Vue.js 关于页面加载完成后执行一个方法的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
js 执行完一个函数之后再执行另外一个函数
vivian_wang07的博客
05-17 3万+
一、第一种情况：运动函数执行完之后再执行另外一个函数 注释：按钮点击之后，div先显示出来，然后宽度和高度再增加到300px button class="btn">点击我button> div id="div2"> p>人的灵魂所必须的东西，是不需要用金钱来买的p> div> style> div{height: 200px;width: 200px;padding:15px
js当此方法执行完之后再执行下一个方法
qq_43193513的博客
12-09 9721
getGoodsList() { this.loading2 = true; this.theckedArrData = []; listGoods(this.queryParams3).then(response => { this.goodsList = response.rows; this.total2 = response.total; this.loading2 = false;
js 执行完一个函数，再执行其他逻辑
shmilyyxj的博客
11-18 4960
js 执行完一个函数，再执行其他逻辑
在一个JS方法里，如何实现先执行一个函数再执行另一个函数
z2000ky的博客
05-23 6111
在 JavaScript 中，你可以使用不同的方法来确保一个方法在另一个方法之前执行。你可以在一个方法中定义一个回调函数，然后在另一个方法中调用这个回调函数，以确保它们的执行顺序。你可以使用事件监听来确保一个方法在另一个方法之后执行，尤其在涉及异步操作或事件驱动的情况下。根据情况选择合适的方法来确保方法的执行顺序。如果你的方法是异步的，你可以使用 async/await 来确保它们按顺序执行。使用 Promise 可以更灵活地处理异步操作，并确保它们按照预期的顺序执行。
js自定义回调函数
01-19
背景分析 首先看一段js的代码，主要实现添加的时候首先通过异步请求判断是否存在，如果不存在的话，在进行添加操作： function add(url,data) { var isExited = isExited(data); if(!isExited){ addRequest(url, data); } } 当我添加一个数据的时候，我首先通过判断是否在数据库中存在（当然，如果前后台彻底分离的话，不应该前端进行业务逻辑的判断，前端只应该，用来展示数据），首先，isExited（）的请求是ajax请求实现，这个是异步的，很显然，界面很有可能在没有返回结果的时候，就执行下边的
页面加载完后自动执行一个方法的js代码
01-19
1、在body中用onload: <body onload=myfunction()> 2、在脚本中用[removed]: [removed] function myfun() { alert(this [removed]); } /*用[removed]调用myfun()*/ [removed]=myfun;//不要括号 [removed] 下面这个例子在页面完成加载之后改变id_1的背景颜色。 [removed] function myfun() {
vuejs实现ready函数加载完之后执行某个函数的方法
10-18
主要介绍了vuejs实现ready函数加载完之后执行某个函数的方法,需要的朋友可以参考下
彻底弄懂 JavaScript 执行机制
12-09
不论你是javascript新手还是...稍安勿躁，正因为js是一行一行执行的，所以我们以为js都是这样的： let a = '1'; console.log(a); let b = '2'; console.log(b); 然而实际上js是这样的： setTimeout(function(){ con
让你彻底掌握es6 Promise的八段代码
01-19
层层嵌套的回调会让javascript失去美感和可读性，同时javascript也推荐采用链式的方式去书写函数调用。于是Promise就应运而生。本文将通过八段代码让大家彻底的掌握Promise，下面话不多说，来一起看看详细的介绍： 1...
autojs教程：定时运行的代码，脚本运行时间的设置
weixin_46460150的博客
05-17 8847
主要是分享一段代码 定时运行的代码。。 很多人会希望多个脚本依次运行。这样的话，就不用手动隔一段时间去开一下脚本。 代码如下： var 时间开始 = new Date().getTime() var 时间结束 = new Date().getTime() var 时间间隔 = Math.floor((时间结束 - 时间开始) / 1000); if (时间间隔 >= 运行时间aa * 60) { console.info("定时时间已到") sleep(1000) consol
基于AutoJs的94自动运行脚本
zy0412326的专栏
10-25 3739
我94的邀请码： 375010426918 94的下载地址：http://116.206.92.30/h8/pageController.do?goRegister&key=375010426918 其实94自己在点赞和关注上已经做的很好了，我们也不需要做太多工作，我主要是集成在亚丁号上了。集成的时候为了保障完全自动化就自动点击开启按钮，在开启之前进行了无障碍的开启，这个比较困难，不同的机型需要兼容同时在最后一步点击开启的时候也是怪事点不控件，控件ID明明是存在的可就是点不上。既然点不上就曲线救
js 异步转同步
qq_43008667的博客
03-13 5923
原因 JS很多函数都是异步执行，而有些时候需要等到函数结束后拿到相应的结果进行处理，因此会涉及到确定异步是否结束，异步转同步的问题。 方法一：Promise Promise方法，等待回调函数结束后进行，使用方法参考：https://www.jianshu.com/p/270fec5b33ce 其中，多个Promise，需要用到Promise.all方法，使用数据进行判断，而不是把所有的Promise包到一个Promise中，参考：https://www.jianshu.com/p/9abb75e2f0a5
2019前端面试系列——JS面试题
07-27 375
判断 js 类型的方式 1. typeof 可以判断出'string','number','boolean','undefined','symbol' 但判断 typeof(null) 时值为 'object'; 判断数组和对象时值均为 'object' 2. instanceof 原理是 构造函数的 prototype 属性是否出现在对象的原型链中的任何位置 function A() ...
js等待上一个函数执行完在执行下一个函数
最新发布
07-11
在 JavaScript 中，可以使用回调函数、Promise、async/await者定时器来实现等待上一个函数执行完毕后再执行下一个函数的效果。 1. 使用回调函数： ```javascript function firstFunction(callback) { // 执行第一个函数的逻辑 // ... // 执行完毕后调用回调函数 callback(); } function secondFunction() { // 执行第二个函数的逻辑 // ... } firstFunction(function() { secondFunction(); // 在回调函数中调用第二个函数，确保第一个函数执行完毕后再执行第二个函数 }); ``` 2. 使用 Promise： ```javascript function firstFunction() { return new Promise((resolve, reject) => { // 执行第一个函数的逻辑 // ... // 执行完毕后 resolve Promise resolve(); }); } function secondFunction() { // 执行第二个函数的逻辑 // ... } firstFunction().then(() => { secondFunction(); // 在 Promise 的 then 方法中调用第二个函数，确保第一个函数执行完毕后再执行第二个函数 }); ``` 3. 使用 async/await： ```javascript async function firstFunction() { // 执行第一个函数的逻辑 // ... } function secondFunction() { // 执行第二个函数的逻辑 // ... } async function executeFunctions() { await firstFunction(); // 使用 await 等待第一个函数执行完毕 secondFunction(); // 第一个函数执行完毕后执行第二个函数 } executeFunctions(); ``` 4. 使用定时器： ```javascript function firstFunction() { // 执行第一个函数的逻辑 // ... } function secondFunction() { // 执行第二个函数的逻辑 // ... } setTimeout(function() { firstFunction(); // 在定时器中调用第一个函数，确保第一个函数执行完毕后再执行第二个函数 setTimeout(secondFunction, 0); // 使用另一个定时器调用第二个函数，确保第一个函数执行完毕后再执行第二个函数 }, 0); ``` 以上是一些常见的方法，你可以根据具体的情况选择适合的方式来实现等待上一个函数执行完毕后再执行下一个函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值