分享

微信小程序从入门到学会第五天-------小程序的脚本

 茂林之家 2021-12-28

一、前言

在微信小程序中,由于我们实在手机上运行的小程序,因此很多事件就不再是和pc浏览器中的一样了,比如点击事件是不存在的,与之对应的是按钮事件,下面我们一起来看看到底微信小程序的如何写一些交互脚本

二、基本语法

微信小程序中的很多脚本事件以及一些写法都保持着和JavaScript差不多的语法,因此我们无需在这上面下太多功夫,想要在小程序的模板文件中运行一些脚本,你需要在里面放置一个wxs标签,虽然在js中也能实现一些效果,不过毕竟在模板文件中使用,而且也没有wxs好用。首先我们来看下如何使用。

1.直接在模板文件中导入

微信小程序从入门到学会第五天-------小程序的脚本

2.导入wxs文件

我们可以单独创建一个wxs文件,如图:

微信小程序从入门到学会第五天-------小程序的脚本

然后导入这个文件,如图:

微信小程序从入门到学会第五天-------小程序的脚本

此时就可以访问到里面的变量和函数了。

3.引入wxs文件

如果我们想要在不同wxs文件中引入其它wxs文件,此时可以引入wxs文件然后使用该wxs文件中的变量和函数,如图:

微信小程序从入门到学会第五天-------小程序的脚本
微信小程序从入门到学会第五天-------小程序的脚本

可以看到,我在新文件中改变了原来的wxs中的变量的值。

三、变量声明

这一点在第一张图上就交代了,wxs只能使用var声明或者不用关键字声明都可以。

四、注释

作用一个合格的程序员,不写注释显然不合适,wxs的注释和JavaScript如出一辙,如下:

单行注释    //

多行注释   /* */

全部注释  /*

五、流程控制

这个和JavaScript中的流程控制语句是一样的,这里不做讲述。

六、数据类型

几乎和JavaScript也是一样的,如下:

number : 数值
string :字符串
boolean:布尔值
object:对象
function:函数
array : 数组
date:日期
regexp:正则

七、总结

除了上述功能以外,还有一些JavaScript中的一些内置函数以及运算符都包含在了里面,可以说对开发者非常友好。只要我们有一点JavaScript基础,学起来都很简单。更多精彩好文敬请关注公众号简易编程网。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多