小程序新功能wxs

小程序官方文档写到:

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

注意

  1. wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
  2. wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。
  3. wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。
  4. wxs 函数不能作为组件的事件回调。
  5. 由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

举例:

<wxs module="m1">

var getMax=function(arr){

var max=undefined;

arr.forEach(function(n){

max= max===undefined ? n :(max>=n ? max :n)

});

return max;

}

module.exports.getMax=getMax;

</wxs>

<view style="text-align:center">{{m1.getMax([1,2,3])}}</view>

页面输出:3;

1.可以在<wxs>标签中引入.wxs文件,如:<wxs src="./index.wxs" module="m1"></wxs>,注意src写的是相对路径

注意:

wxs目前似乎并不支持ES6(至少let,const不能使用)
wxs文件不能被js文件引用。wxs文件能引用wxs文件

在.wxs文件里边引用其他的.wxs文件用require

更多技术问题,可前往:http://sucai.gxyourui.cn/Home/Article/blog

猜你喜欢

转载自blog.csdn.net/qq_36926807/article/details/81511104