当前位置: 首页 > article >正文

【微信小程序_18_WXS脚本】

摘要:本文介绍了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 文

http://www.kler.cn/news/363162.html

相关文章:

  • 【WRF数据处理】基于GIS4WRF插件将geotiff数据转为tiff(geogrid,WPS所需数据)
  • 蚁剑连接本地木马文件报错
  • Vue项目的创建
  • React Native 项目使用Expo模拟器运行iOS和Android
  • OpenCV的常用与形状形状描述相关函数及用法示例
  • 通过DevTools逃离Chrome沙盒(CVE-2024-6778和CVE-2024-5836)
  • CSS学习(Grid布局和flex布局比较)
  • SDK下载依赖到IDEA的详细指南
  • ctfshow-文件上传-151-161
  • 三大智能体平台深度对比:字节Coze、百度AppBuilder、智谱智能体优劣解析
  • MATLAB中head函数用法
  • 热门伤感短视频素材网站推荐,轻松获取创作灵感
  • 【Linux笔记】Linux命令与使用
  • 前端跨系统请求接口报错
  • Bug:通过反射修改@Autowired注入Bean的字段,明确存在,报错 NoSuchFieldException
  • 可编辑38页PPT | 柔性制造企业数字化转型与智能工厂建设方案
  • 分享一个IDEA里面的Debug调试设置
  • 驾校小程序:一站式学车解决方案的设计与实践
  • 内网穿透
  • 如何使用 pnpm 进行打补丁patch操作?推荐两个方法
  • 【小红书一面】Kafka 是如何选择 Leader的?
  • Unity目录居然这么写就不会被引入到项目内
  • python第五次作业
  • 手机怎么玩GTA5?GameViewer远程助你手机畅玩GTA5侠盗飞车
  • 【RoadRunner】自动驾驶模拟3D场景构建 | 软件简介与视角控制
  • etl-查询错误log日志和oracle删除数据表空间