【微信小程序WXS 模块】

WXS 模块WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。
首先一点WXS文件不能建立跟你页面同级的文件夹内,最好是跟Page同级,目前接触到的wxs有两种方式:
1,单独的文件形式,引入到页面的结构当中wxml,引入方式可以

对应的页面功能代码写入对应的wxs文件当中,通过引用的方式应用到页面当中

标签引入

require引入 var handleSrc = require(“./handleSrc.wxs”); 相对路径
上代码:
请添加图片描述

2,直接在页面中使用:

请添加图片描述

在视图容器中使用的时候就是你定义的mode名.方法(参数)见下:

请添加图片描述

注意
  1. WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。

  2. WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。

  3. WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序提供的API。

  4. WXS 函数不能作为组件的事件回调。

  5. 由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

WXS语法总结

一、变量

WXS变量和我们的JavaScript是一样的,都是值的引用,也是用var申明。

不同的是,在WXS中,没有被声明的对象也可以直接赋值。会被定义为全局变量。

和JavaScript一样,WXS变量也会有保留标识符。

强调一下,这里变量只支持var 不支持let

二、注释

WXS注释有三种方法。单行注释和多行注释,还有一种就是结尾注释。结尾注释其实就是从多行注释那里来的,只是不要收尾处,就成了结尾注释了。

三、运算符

WXS的运算符和JavaScript的其实是一样的,都有基本运算符。加减乘除。一元运算符:自增自减这些;比较运算符,大于小于;等值运算符,全等非全等;逻辑运算符,逻辑与&&和逻辑非||。

四、语句

WXS语句也是和JavaScript一样。

五、数据类型

WXS的数据类型和JavaScript的相似,不同的是,多了两个数据类型,date日期类型和regexp:正则。

其他的就不在这里提了,需要说的是日期类型date和正则regexp。

date:
生成 date 对象需要使用 getDate函数, 返回一个当前时间的对象。

例如:
请添加图片描述

regexp:
生成 regexp 对象需要使用 getRegExp函数。

语法:
请添加图片描述

例如:
请添加图片描述

另外数据类型的判断可以使用constructor 属性。使用 typeof 也可以区分部分数据类型。

例如:
请添加图片描述

六、基础类库

基础库类就是WXS中自带的可以直接拿来使用的方法类。

例如console.log(),Math方法,JSON方法,Number,Date,Global方法等。

欧克,今天的分享就到次为止,年轻人不讲武德,不给我点个赞,耗子尾汁,溜了!
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值