小程序中的JS

Posted 2023-04-06

参考技术A 1、小程序不是运行在浏览器中，所以没有DOM和BOM对象

2、小程序的JS有一些额外的成员

App方法 用于定义应用程序实例对象

Page方法 用于定义页面对象

getApp方法 用于获取全局应用程序对象

getCurrentPages方法 用来获取当前页面的调用栈（数组 最后一个就是当前页

wx对象 用来提供核心api的 官方链接： https://developers.weixin.qq.com/miniprogram/dev/api/

3、小程序JS是支持CommonJS规范的

eg:

./utils/foo.js文件

function say(msg)

    console.log("hello"+msg)



module.exports =

    say:say



app.js文件

const foo = require("./utils/foo.js")

foo.say("hi")

微信小程序WXML页面如何获取全局变量值

如题

参考技术A 首先在wxml中是无法显示app.js中的全局变量（也就是app.js里面globalData中的变量），如果想用到app.js中的变量时可以在当前页面中的js文件里面先将全局变量获取的本地。举例子如下
------------------------分割线---------------------------
需求：将全局变量中的test："hello world!" 显示到当前页面
-----------------------分割线--------------------------

app.js文件内容
App（
globalData
test:"hello world"



)
-----------------------分割线---------------------

index.js文件内容
var app =getApp()

Page（
test：null

）
onLoad: function (options)
this.setData(
test:app.globalData.test

)


---------------------分割线------------------------
index.wxml文件内容
<view>test</view> 参考技术B getApp().globalData.变量名称
这样可以取到了 参考技术C 在需要使用全局变量的地方，data里面定义个变量比如test，然后赋值this.setData(
test:getApp().globalData),在wxml中使用test就行了追问

WXML页面那里能给个具体的代码吗，我是新手，然后怎么写