摘要:本文介绍了WXS(WeiXin Script)是小程序独有的脚本语言,结合 WXML 构建页面结构。其应用场景主要是作为 “过滤器”,wxml 可调用 wxs 定义的函数但不能调用页面.js 中的函数。WXS 语法与 JavaScript 类似但有区别,有自己的数据类型,不支持 ES6 及以上语法,遵循 CommonJS 规范。WXS 代码可内嵌在 wxml 文件的标签内,需指定 module 属性,也可定义在外联的.wxs 文件中,在 wxml 中通过的 module 和 src 属性引入。WXS 虽借鉴 JavaScript 语法但本质不同,不能作为组件事件回调,与其他 JavaScript 代码环境隔离,在 iOS 设备上运行效率比 JavaScript 快,在安卓设备上无差异。总结而言,WXS 是小程序开发独特部分,使用时要注意与 JavaScript 的区别及特点,以确保小程序正确运行和性能优化。
微信小程序_18_WXS脚本
- 1.WXS 概述
- 定义
- 应用场景
- 2.与 JavaScript 的关系
- 语法相似性
- 数据类型
- 语法形式
- 3.基础语法
- 内嵌 WXS 脚本
- 定义外联的 WXS 脚本
- 使用外联的 WXS 脚本
- 4.特点
- 与 JavaScript 不同
- 不能作为组件的事件回调
- 隔离性
- 性能好
1.WXS 概述
定义
WXS(WeiXin Script)是小程序独有的一套脚本语言,结合 WXML 可以构建出页面的结构。
应用场景
wxml 中无法调用页面的.js 中定义的函数,但可以调用 wxs 中定义的函数,典型应用场景是 “过滤器”。
2.与 JavaScript 的关系
语法相似性
语法类似于 JavaScript,但有以下区别
数据类型
具有自己的数据类型,如 number、string、boolean、object、function、array、date、regexp。
语法形式
- 不支持 ES6 及以上的语法形式,如 let、const、解构赋值、展开运算符、箭头函数、对象属性简写等。
- 支持 var 定义变量、普通 function 函数等类似于 ES5 的语法。
- 规范遵循:遵循 CommonJS 规范,有 module 对象和 require () 函数、module.exports 对象。
3.基础语法
内嵌 WXS 脚本
- 编写方式:wXs 代码可以编写在 wxml 文