WXS(WeiXin Script)
是小程序的一套脚本语言,结合WXML
,能够构建出页面的结构。javascript
wxs
能够说就是为了知足能在页面中使用js
存在的,在wxml
页面中,只能在插值{{ }}
中写简单的js
表达式,而不能调用方法,例如想得到某个时间的年份。html
虽然也能够在page
的data
对象中先把这个年份定义好赋给某个变量,而后在页面中使用这个变量,可是若是这样的变量多了,代码就会很臃肿,可读性不高,后续维护也麻烦。前端
相对来讲wxs
就是弥补了这样的短处。java
注意android
在 filters.wxs 文件中小程序
// filters.wxs var getYear = function (date) { date = getDate(date) || getDate() return date.getFullYear() }, module.exports = { getYear: getYear }
在 trade/trade.wxml 文件中数组
<!-- trade/trade.wxml --> <wxs module="filters" src="filters.wxs"></wxs> <view class="year-title" >{{filters.getYear(tradeTime)}}年</view>
从上述代码中,能够看到wxs语言的写法与js差很少,基本上咱们在写的时候,能够沿用js的写法,可是个别细节部分也须要注意。例如wxs的getDate(date)
和 js的new Date(date)
缓存
WXS 语言目前共有如下几种数据类型:架构
在使用中,咱们能够阅读官方文档查看具体语法wxs数据类型函数
----------------------------------------
小程序系列:
基础使用: component使用 、 wxs使用 、 节点操做 、 页面跳转 、 缓存
----------------------------------------