wxs
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。
注意
- wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
- wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。
- wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript文件中定义的函数,也不能调用小程序提供的API。
- wxs 函数不能作为组件的事件回调。
- 由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。
// page.js Page({ data: { array: [1, 2, 3, 4, 5, 1, 2, 3, 4] } })
<wxs module="m1"> var getMax = function(array) { var max = undefined; for (var i = 0; i < array.length; ++i) { max = max === undefined ? array[i] : (max >= array[i] ? max : array[i]); } return max; } module.exports.getMax = getMax;
wxs>
<view> {
{
m1.getMax(array)}}
view> 页面输出:5
外部引用:在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。
示例代码: // /pages/tools.wxs var foo = "'hello world' from tools.wxs"; var bar = function (d) { return d; } module.exports = { FOO: foo, bar: bar, }; module.exports.msg = "some msg";
<wxs src="./../tools.wxs" module="tools" /> <view> {
{
tools.msg}}
view> <view> {
{
tools.bar(tools.FOO)}}
view> 页面输出: some msg 'hello world' from tools.wxs
引用的时候,要注意如下几点:
module 属性是当前 标签的模块名。在单个 wxml 文件内,建议其值唯一。有重复模块名则按照先后顺序覆盖(后者覆盖前者)。不同文件之间的 wxs 模块名不会相互覆盖。
module 属性值的命名必须符合下面两个规则:
注意
<wxs> 模块只能在定义模块的 WXML 文件中被访问到。使用 <include> 或 <import> 时,<wxs> 模块不会被引入到对应的 WXML 文件中。 <template> 标签中,只能使用定义该 <template> 的 WXML 文件中定义的 <wxs> 模块。
保留字符
delete void typeof null undefined NaN Infinity var if else true false require this function arguments return for while do break continue switch case default
基础类库
地址 https://developers.weixin..com/miniprogram/dev/framework/view/wxs/07basiclibrary.html
只支持Math、date、json、
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/217905.html原文链接:https://javaforall.net
