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

在小程序中的脚本执行顺序和浏览器中有所不同。

小程序的执行的入口文件是 app.js 。

并且会根据其中 require 的模块顺序决定文件的运行顺序,代码是一个 app.js 示例。

javascript 复制代码
 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 文件

javascript 复制代码
{
  "pages": [
    "pages/index/index",
    "pages/log/log",
    "pages/result/result"
  ],
  "window": {}
}

代码清单 app.js文件

javascript 复制代码
// 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

相关推荐
2501_915106327 分钟前
Flutter 开发工具有哪些 跨平台项目开发与上架实操指南
android·flutter·ios·小程序·uni-app·iphone·webview
摇滚侠23 分钟前
JAVA 项目教程《苍穹外卖-10》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·微信小程序
00后程序员张7 小时前
从审核被拒到稳定过审,iOS 上架技术优化
android·ios·小程序·https·uni-app·iphone·webview
码云社区12 小时前
JAVA二手车交易二手车市场系统源码支持微信小程序+微信公众号+H5+APP
java·开发语言·微信小程序·二手交易·闲置回收
土土哥V_araolin16 小时前
多语言推三返一商城系统开发指南
小程序·零售
土土哥V_araolin18 小时前
一条线公排系统小程序开发
小程序·零售
爬坑的小白18 小时前
微信小程序拉起支付
微信小程序·小程序
土土哥V_araolin20 小时前
国械甄选新零售系统开发方案
小程序·个人开发·零售
humors22120 小时前
Deepseek工具:H5+Vue 项目转微信小程序报告生成工具
前端·vue.js·微信小程序·h5·工具·报告
毕设源码-钟学长1 天前
【开题答辩全过程】以 基于微信小程序的蓝鲸旧物回收系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序