微信小程序WXS的理解

什么是wxs 

WXS(weixin Script) 是小程序的一套脚本语言，结合wxml，可以构建出页面解构

wxml中无法调用页面的js中定义的函数，但是wxml可以调用wxs中定义的函数，所以wxs的应用场景就是过滤器

wxs和JavaScript的关系

wxs类似于JavaScript，但是wxs和JavaScript是两种完全不同的语言

1.wxs有自己的数据类型

number数值类型 string字符串 Boolean布尔值 object对象 function函数 array数组 data日期 regxp正则

2.wxs不支持ES6以上的语法

不支持let const声明变量

不支持解构赋值、箭头函数、展开运算符、对象属性的简写

支持var声明变量，function函数

3.wxs遵循CommJs规范

module对象

module.exports 导出

require引入

内嵌wxs脚本

wxs代码可以编写在wxml文件中的<wxs>标签内

<wxs>标签必须提供module属性，用来指定当前wxs的模块名称，wxml中访问模块中的成员

data:{
   username:'hello'
}

<view>{{m1.toUpper(username)}}</view> //HELLO
<view>{{username}}</view>  //hello



<wxs module="m1">
  module.exports.toUpper=function(str){
    return str.toUpperCase()
  }
 
</wxs>

外联的wxs

在.wxs后缀名的文件内

utils/tool.wxs

var toFix=function (val){
  return val.toFixed(2)
}

module.exports.toFix = toFix

在wxml文件内

data:{
	price:1000
}

<view>{{tools.toFix(price)}}</view>  //1000.00


<wxs src="../../utils/tool.wxs"  module="tools" />