微信小程序-WXML转换类型

• 情景：需要在WXML中把字符串转化成数字类型
• 解决：引入WXS

wxs是小程序的一套脚本语言，结合wxml，可以构建出页面的结构。

• wxs不依赖于运行时的基础库版本，可以在所有版本的小程序中运行
• wxs与javaScript是不同的语言，有自己的语法，并不和javaScript一致
• wxs中不能调用其他javaScript文件中定义的函数，也不能调用小程序提供的api
• 由于运行环境差异，在IOS设备上小程序内的wxs会比javaScript代码快2～20倍。在android设备上无差异。

var FixED = {
    toFix: function(value) {
        return value.toFixed(2) //此处设置数据类型保留小数浮点型
    },
    toParseInt: function(value) {
        return parseInt(value) //此处设置数据类型为int整数
    },
    toNumber: function(value) {
        return Number(value) //此处设置数据类型为number类型
    }
}
module.exports = {
    toFix: FixED.toFix,
    toParseInt: FixED.toParseInt,
    toNumber: FixED.toNumber
}

在WXML中

<wxs module="FixED" src="share_note.wxs"></wxs>

// 使用
<text>
  {{(FixED.toNumber(habitNoteData.noteTotalComment) + FixED.toNumber(habitNoteData.noteTotalEvaluate)) > 0 
    ? FixED.toNumber(habitNoteData.noteTotalComment) + FixED.toNumber(habitNoteData.noteTotalEvaluate) 
    : '评论'
    }} 
</text>