js-小程序入门-WXS语法(五)

wxs

1 WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内，或以 .wxs为后缀名的文件内。
2 每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块。
每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他 模块不可见。一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。

wxs 标签内其实就是 JavaScript代码

 // wxml
 //定义
 <wxs module="ml">
   var msg = "hello world";
   module.exports.message = msg;
 </wxs>

<wxs module="m2">
  var getMax = function(array) {
    var max = undefined;
    for (var i = 0; i < array.length; ++i) {
      max = max === undefined ?
        array[i] :
        (max >= array[i] ? max : array[i]);
    }
    return max;
  }

  module.exports.getMax = getMax;
</wxs>

//外部引用
<wxs module="tofloat" src="../../utils/tofloat.wxs">
</wxs>

// 使用
<text> {{ml.message}}\n</text>
<view> {{m2.getMax(array)}} \n\n</view>

<text> {{tofloat.numberToFix(munub)}}\n</text>
<text> {{tofloat.message}}\n</text>

// tofloat.wxs
//取小数点2位以及5位
function numberToFix(value) {
  return parseFloat(value).toFixed(2)
}

function numberToFix5(value) {
  return parseFloat(value).toFixed(5)
}

module.exports = {
  numberToFix: numberToFix,
  numberToFix5: numberToFix5,
  message: "addloat"
}