微信小程序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文件中的标签内

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

data:{
   username:'hello'
}

{{m1.toUpper(username)}} //HELLO
{{username}}  //hello




  module.exports.toUpper=function(str){
    return str.toUpperCase()
  }
 

外联的wxs

在.wxs后缀名的文件内

utils/tool.wxs

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

module.exports.toFix = toFix

在wxml文件内

data:{
	price:1000
}

{{tools.toFix(price)}}  //1000.00


你可能感兴趣的:(微信小程序,小程序)