ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

【微信小程序】wxs脚本

2022-04-09 23:35:48  阅读:227  来源: 互联网

标签:脚本 wxml wxs 微信 代码 JavaScript 语法 wxS


1.什么是wxs

WXS ( WeiXin Script)是小程序独有的一套脚本语言,结合WXML,可以构建出页面的结构。

2.wxs的应用场景

wxml中无法调用在页面的.js 中定义的函数,但是,wxml中可以调用wxs 中定义的函数。因此,小程序中wxs的典型应用场景就是“过滤器”


3.wxs和javascript的关系

虽然wxs 的语法类似于JavaScript,但是 wxs 和JavaScript是完全不同的两种语言:

1.wxs有自己的数据类型

image


2.wxs不支持类似于ES6及以上的语法形式

image


3.wxs遵循CommonJS规范

image

基本语法

1.内嵌wxs脚本

wxs代码可以编写在wxml文件中的< wxs >标签内,就像Javascript 代码可以编写在 html文件中的< script >标签内一样。
wxml文件中的每个< wxs >< /wxS >标签,必须提供module属性,用来指定当前wxs 的模块名称,方便在wxml中访问模块中的成员:

image

2.定义外联的wxs脚本

Wxs代码还可以编写在以.wxS 为后缀名的文件内,就像javascript代码可以编写在以, is 为后缀名的文件中-样。示例代码如下:

image

注意:不能使用简写形式对外暴露

3.使用外联的wxs脚本

在wxml 中引入外联的wxs脚本时,必须为< wxs >标签添加module和src属性,其中:
module用来指定模块的名称
src用来指定要引入的脚本的路径,且必须是相对路径

image

wxs的特点

1.与javascript不同

为了降低wxs (Weixin Script)的学习成本,wXs 语言在设计时借大量鉴了JavaScript的语法。但是本质上,wxs 和JavaScript是完全不同的两种语言!

2.不能作为组件的事件回调

wxs 典型的应用场景就是“过滤器”,经常配合Mustache语法进行使用,例如:

image

但是,在 wxs 中定义的函数不能作为组件的事件回调函数。例如,下面的用法是错误的:

image

3.隔离性

隔离性指的是 wxs 的运行环境和其他JavaScript 代码是隔离的。体现在如下两方面:

wxS 不能调用js 中定义的函数

wxS 不能调用小程序提供的API

4.性能好

在iOS设备上,小程序内的WXS会比JavaScript 代码快2~20倍

在android设备上,二者的运行效率无差异

标签:脚本,wxml,wxs,微信,代码,JavaScript,语法,wxS
来源: https://www.cnblogs.com/lshifu/p/16124222.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有