微信小程序创建自定义全局函数及其调用方法

这篇具有很好参考价值的文章主要介绍了微信小程序创建自定义全局函数及其调用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一:创建小程序全局函数
1:在微信开发工具中增加一个JS文档, 放入全局全局函数
微信小程序创建自定义全局函数及其调用方法
代码说明
1:全局函数只能放var定义的变量下,本例的var 变量为myFunction
格式为:
var myFunction={ 在这里编写你的全局函数 }
你可以把myFunction理解为一个类,你的全局函数理解放类中的一个方法
2:module.exports={myFunction:myFunction} 这个语句相当于把你编写的函数公布出去,第一myFunction是外面看到的名字,第二个是上面定义的var变量,这两个名字可以不同,我看别人都是相同的,所以我也都用相同;
关于module.exports说明,参考官方文档

var myFunction={
  function1: function(){//无参数全局函数
    //TO DO   在这个位置输入你的代码
    console.log('大家好,我是一个无参的全局函数')
  },//多个函数使用逗号做分割

  function2: function(para1,para2){//含参数全局函数
     //TO DO   在这个位置输入你的代码
    console.log('参数1:'+ para1)
    console.log('参数2:'+ para2)
  }
}
module.exports={
  myFunction:myFunction 
}
//也可以仅公开其中的一个函数如:
//
//module.exports={
//myFunction:myFunction.function1 
//}

2:全局函数调用
调用比较简单,大家自己看吧
微信小程序创建自定义全局函数及其调用方法

var myGolbalFunction = require('../../utils/globalFunctions.js')
//这个onLoad是窗体的加载事件,
//你也可以下在按钮,其他任何事件内
onLoad: function (options) {
      myGolbalFunction.myFunction.function1();
      myGolbalFunction.myFunction.function2('第一个参数','第二个参数');
    }

3:科普下 .WXS和.JS的区别(由于网上搜素到的微信小程序创建自定义函数,有的是用.JS后缀文件,有的是.WXS后缀,搞得初学人员一头雾水,这里科普下)
简单说WXS可以理解为轻量的.JS

https://www.jianshu.com/p/4ba163063e5c

关于WXS,小程序官方说明文档连接如下:
https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html文章来源地址https://www.toymoban.com/news/detail-483525.html

到了这里,关于微信小程序创建自定义全局函数及其调用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包