微信小程序wxml文件中调用自定义函数

　　想在微信小程序的wxml文件里自如的像vue那样调用自定义的方法，发现并不成功，得利用WXS脚本语言。

　　WXS脚本语言是 WeiXin Script 脚本语言的简称，是JavaScript、JSON、WXML、WXSS之后又一大小程序内部文件类型。截至到目前小程序已经提供了5种文件类型。

　　WXS的使用，有两种方式。

　　一种是直接在WXML中编写。

<!--wxml-->

<wxs module="foo">

var some_msg = "hello world";

module.exports = {    msg : some_msg, }

</wxs>

<view> {{foo.msg}} </view>

　　另外一种是使用单独的WXS文件，然后在WXML中引入即可：

<wxs src="../../wxs/issue.wxs" module="tools" />

　　wxs文件内容如下：

var timeChn = function (val) {

  if (!val) {

    return false

  }

  var reg = getRegExp("-", "g");

  var _time = val.replace(reg, "/")

  var realTime = getDate(val).getTime()

  var nowTime = getDate().getTime()

  var diffValue = nowTime - realTime

  var _min = diffValue / ( * )

  if (_min < ) {

    return '刚刚'

  } else if (_min >=  && _min < ) {

    return '1分钟前'

  } else if (_min >=  && _min < ) {

    return '10分钟前'

  } else if (_min >=  && _min < ) {

    return '半小时前'

  } else if (_min >=  && _min <  * ) {

    return Math.floor(_min / ) + '小时前'

  } else if (_min >=  *  && _min <  *  * ) {

    return Math.floor(_min / ( * )) + '天前'

  } else {

    return val

  }

}

module.exports = {

  timeChn: timeChn

}

　　在wxml文件里使用如下：

<view>{{tools.timeChn(item.createdTime)}}</view>

　　WXS是小程序的一套脚本语言，wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。其中包括了很多日常使用的javascript函数，在wxs中都是不能同样使用的。最近在做这个小程序的时候，涉及到时间格式化操作。就遇到了这个问题，以前写好了的格式化工具函数直接拷贝到小程序项目的wxs文件中，函数不能正常执行。其中包括了下面的几个错误：

1、正则表达式在字符串的replace函数中的使用方法不一样，不能直接使用var a = /[0-9]/这种方式声明使用。正确的方式为var reg = getRegExp("-", "g");

2、获取当前时间不能通过new Date()获取，而是通过getDate方法获取。

3、使用let声明好像有问题（此未验证，反正let改成var声明就可以了）

微信小程序wxml文件中调用自定义函数的相关教程结束。