介绍
用于前端页面中的 JavaScript 临时状态变量,非持久化数据,当应用页面刷新时,临时的自定义变量会被重置。
参数 | 参数说明 |
变量名 | 变量唯一的名称,可用于变量引用。 |
变量类型 | 支持选择文本(String)、数字(Number)、布尔值(Boolean)、数组(Array)、对象(Object)。 |
初始值 | 变量的初始值,不同数据类型存在不同的初始值写法,示例如下: String:test Number:123456 Boolean:false Array:[1,2,3] Object:{key:"test",val:2} |
作用域 | 变量生效的作用域,分为页面级作用域和应用全局作用域,可以按需声明。 |
本地持久化 | |
备注 | 变量的使用说明,根据使用场景自定义填写。 |
变量的新建/定义
可在 code 代码区新建自定义变量。


单击新建自定义变量,即可进行变量的新建。


注意:
在左侧代码区中,hover 到不同分组时(当前页面或全局),单击对应分组的 + 号,可分别建立不同作用域的自定义变量或自定义 JS 方法。
变量的引用和赋值示例
在自定义 JavaScript 代码进行引用:
例如:定义了一个全局自定义变量
balance
,则实际引用路径为 $app.dataset.state.balance
。若定义了一个页面作用域的自定义变量
chatList
,则引用路径为 $page.dataset.state.chatList
。在 fx 表达式中进行引用:
在表达式中调用 JS 方法的传参方式,与上述自定义 JavaScript 方法传参相同。


对自定义变量的赋值:
除了在自定义 JS 代码通过
=
对变量进行直接赋值,还可以通过调用事件的变量赋值节点来完成变量赋值操作。

进入变量赋值节点,选择所需要被赋值的变量(没有则新建即可),然后在后面输入框中输入对应值,可以是静态值,例如123,或者单击 fx,通过表达式使用变量或上一事件节点的返回值 event 对象(例如
event.detail
)进行赋值。
