小程序wxs

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

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

wxs和JavaScript的关系

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

• wxs有自己的数据类型

  number数值类型 string 字符串 boolean布尔 function 函数 array 数组 date日期 object 对象 regexp 正则

• wxs不支持ES6以上的语法

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

  支持var定义的遍历 普通的function

• wxs遵循CommJS规范

  module 对象

  module.exports

  require 导入

内嵌wxs脚本

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

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

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



<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

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



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