【小程序】wxs使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【小程序】wxs使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1508字，纯文字阅读大概需要3分钟。

内容图文

wxs使用

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

wxs可以说就是为了满足能在页面中使用js存在的，在wxml页面中，只能在插值{{ }}中写简单的js表达式，而不能调用方法，例如想获得某个时间的年份。

虽然也可以在page的data对象中先把这个年份定义好赋给某个变量，然后在页面中使用这个变量，但是如果这样的变量多了，代码就会很臃肿，可读性不高，后续维护也麻烦。

相对来说wxs就是弥补了这样的短处。

注意

• wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
• wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。
• wxs 的运行环境和其他 javascript 代码是隔离的，wxs 中不能调用其他 javascript 文件中定义的函数，也不能调用小程序提供的API。
• wxs 函数不能作为组件的事件回调。
• 由于运行环境的差异，在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

在 filters.wxs 文件中

// filters.wxs
var getYear = function (date) {
    date = getDate(date) || getDate()
    return date.getFullYear()
  },

module.exports = {
  getYear: getYear
}

在 trade/trade.wxml 文件中

<!-- trade/trade.wxml -->
<wxs module="filters" src="filters.wxs"></wxs>
<view class="year-title" >{{filters.getYear(tradeTime)}}年</view>

从上述代码中，可以看到wxs语言的写法与js差不多，基本上我们在写的时候，可以沿用js的写法，但是个别细节部分也需要注意。例如wxs的getDate(date) 和 js的new Date(date)

WXS 语言目前共有以下几种数据类型：

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

在使用中，我们可以阅读官方文档查看具体语法wxs数据类型

内容总结

以上是互联网集市为您收集整理的【小程序】wxs使用全部内容，希望文章能够帮你解决【小程序】wxs使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---