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

子云_老猿人

已于 2022-04-29 12:41:55 修改

阅读量1.6w

点赞数 14

文章标签： java json 微信小程序 css javascript

于 2022-04-28 15:27:14 首次发布

本文链接：https://blog.csdn.net/qq_40900506/article/details/124474874

版权

一：创建小程序全局函数
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('第一个参数','第二个参数');
    }