微信小程序脚本的执行顺序

这篇具有很好参考价值的文章主要介绍了微信小程序脚本的执行顺序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在小程序中的脚本执行顺序和浏览器中有所不同。
小程序的执行的入口文件是 app.js 。
并且会根据其中 require 的模块顺序决定文件的运行顺序,代码是一个 app.js 示例。

 app.js
/* a.js
console.log('a.js')
*/
var a = require('./a.js')
console.log('app.js')

/* b.js
console.log('b.js')
*/
var b = require('./b.js')

以上代码的输出顺序是:

a.js

app.js

b.js


当 app.js 执行结束后,小程序会按照开发者在 app.json 中定义的 pages 的顺序,逐一执行。

代码 app.json 文件

{
  "pages": [
    "pages/index/index",
    "pages/log/log",
    "pages/result/result"
  ],
  "window": {}
}

代码清单 app.js文件

// app.js
console.log('app.js')
代码清单 pages/index/index.js 文件

// pages/index/index
console.log('pages/index/index')
代码清单 page/log/log.js 文件

// pages/log/log
console.log('pages/log/log')
代码清单 page/result/result.js 文件

// pages/result/result
console.log('pages/result/result')

以上文件执行后输出的结果如下:

app.js

pages/index/index

pages/log/log

pages/result/result文章来源地址https://www.toymoban.com/news/detail-845134.html

到了这里,关于微信小程序脚本的执行顺序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Unity】如何设置Unity脚本的执行顺序?

    在 Unity 中,如果有多个脚本,并且它们之间的执行顺序很重要,可以通过编辑器设置来确保它们按照自己期望的顺序执行。这对于确保某些脚本在其他脚本之前执行非常有用。在这篇文章中,将向会展示如何在 Unity 编辑器中设置脚本的执行顺序。 步骤一:打开编辑器设置

    2024年04月15日
    浏览(38)
  • 【Unity函数执行顺序(Unity脚本生命周期函数)】

    温故而知新,下面我将介绍Unity入门需要了解的常用生命周期函数 生命周期函数就是该脚本对象依附的GameObject对象从出生到消亡整个生命周期中 会通过反射自动调用的一些特殊函数。 下面是对各个函数解锁 a.调用情况: 1.在加载场景时初始化包含脚本激活状态的GameObject时。

    2023年04月23日
    浏览(49)
  • 微信小程序如何延时定时后执行一段代码

    微信小程序中可以使用setTimeout()函数来实现延时执行代码的功能,语法如下: 其中,第一个参数是需要延时执行的代码,可以是一个函数或者一段代码;第二个参数是延时的时间,单位为毫秒。 例如,延时1秒后执行一段代码: 定时执行代码可以使用setInterval()函数,语法如

    2024年02月03日
    浏览(54)
  • 微信小程序的生命周期函数有哪些,以及执行过程?

    目录 1、应用的生命周期  2、页面的生命周期 3、组件的生命周期  4、执行顺序  小程序中,生命周期主要分成了三部分: ① 应用的生命周期        ② 页面的生命周期        ③ 组件的生命周期 1、应用的生命周期  在 app.js 里面调用,通过 App(Object) 函数用来注册一个小

    2024年02月08日
    浏览(47)
  • 微信小程序等待wx.requestPayment的回调函数执行完后再执行后续代码

    在开发微信小程序过程中,遇到如下需求: 需要等待wx.requestPayment的回调函数执行完后再执行后续代码 这是因为在调用wx.requestPayment之后,会弹出一个支付弹窗,如果此时点击右上角的 x ,那么将会执行wx.requestPayment的回调函数fail中的代码。而由于 wx.requestPayment 的回调函数是

    2024年02月09日
    浏览(40)
  • ios系统(苹果手机)微信小程序canvas.draw不执行回调

    当canvas绘制图片完成之后,来执行draw的时候, 1.安卓手机不受影响,可以正常执行draw的回调函数 2.苹果手机在ios高版本系统上,则可能出现draw的回调函数不执行了。  比如以下代码: 之所以会出现这样的原因是:ios高版本系统 对于 canvas的元素要求是: canvas元素必须存在,如

    2024年02月03日
    浏览(45)
  • 使用 Google 的 zx 库编写切换微信小程序环境的脚本

    微信小程序目前为止还没有提供API或者具体的配置方式,给我们设置环境变量,所以还得自己想办法。 创建一个 shell 脚本——一个由诸如 Bash 或 zsh 之类的 shell 执行的脚本——可以是自动化重复任务的好方法。Node.js 似乎是编写 shell 脚本的理想选择,因为它为我们提供了许

    2024年02月16日
    浏览(39)
  • Mac下使用nvm,执行微信小程序自定义处理命令失败

    系统:Mac OS 终端:zsh CPU:M1/ARM架构 node环境:nvm,node20 node目录: /Users/laoxu/.nvm/versions/node/v20.1.0/bin/ 在使用微信小程序的自定义处理命令时,启动失败 提示找不到node,找不到npm 在project.config.json中修改一下命令 添加export PATH,将当前使用到的node目录临时添加到PATH环境变量中

    2024年02月05日
    浏览(64)
  • 微信小程序在苹果手机中打不开小程序页面,wx.agentConfig没有执行

    最近在写一个小程序,其中使用到了wx.agentConfig获取“launchMiniprogram”,打开小程序页面。 然后在安卓中可以正常打开,在苹果手机中打不开。 期间更换了n次引入的js,头大最后发现是授权的url在苹果手机和安卓中获取的不一样,导致页面授权签名报错40093 以下为简略代码 第

    2024年02月06日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包