小程序WXS

170 阅读1分钟

WXS

WXS是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。官方的说法是官方:WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。(不过基本一致)。为什么要设计WXS语言呢?在WXML中是不能直接调用Page/Component中定义的函数的。但是某些情况, 我们可以希望使用函数来处理WXML中的数据(类似于Vue中的过滤器),这个时候就使用WXS了。

WXS使用的限制和特点:

  • WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行;
  • WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序提供的API;
  • 由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备 上二者运行效率无差异;

WXS的写法

WXS有两种写法:(1)写在<wxs>标签中 (2)写在以.wxs结尾的文件中

<wxs>标签的属性:

image.png

每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。