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

为小程序创建一个全局函数

1：在微信开发工具中添加一个JS文档，放入全局函数

代码说明

1：全局函数只能放在var定义的变量下，本例中var变量为

格式为：

var ={在这里写入你的全局函数}

您可以将其视为一个类，并将全局函数视为该类中的一种方法。

2：.={:} 这个语句相当于发布你写的函数，第一个是外面看到的名字，第二个是上面定义的var变量，这两个名字可以不一样，我看别人用的是同一个名字，所以我也用了同一个名字。

有关详细信息，请参阅官方文档。

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

补充：WXS和JS的区别

1. WXS基础类库：

WXS 只为开发者提供了 5 个基础类库，分别是 Math、JSON、Date，以及一些常用的全局变量和全局函数。数量虽然不多，但已经可以满足基本的数据操作需求。对于类的定义、继承等复杂的数据操作，还是需要依赖逻辑层的 JS 脚本。

2 数组遍历

在WXS中数组的遍历只能通过for来实现，JS中不支持for in、for of。对于需要循环处理数据的场景，也可以通过数组的方法来实现遍历：

 var ary = [0, 1, 2];  ary.forEach(function(i) {   console.log(i);  })

3 变量类型的确定

由于WXS本身并不支持使用对象，所以我们通常用来判断数组类型变量的语句[]无法使用，而[]的输出结果为“”，不能满足实际开发需求。幸好，我们还可以利用变量的“”属性来判断类型：

[].constructor === Array //true

4. 性能差异

之前提到过，小程序的架构分为逻辑层和视图层，WXS 和 WXML 还有一个区别就是它和 WXML 一起处于视图层，并且运行在同一个线程中，这样就减少了跨线程通信的开销，这也是我们优先选择 WXS 来处理数据的原因之一。

5 个平台差异

iOS 上的小程序使用 V8 引擎进行解析渲染，而在 iOS 上则使用 JSC。两个引擎的性能差别很大，相对而言，V8 的性能要比 JSC 好很多。因此，在 iOS 上的小程序中，使用 WXS 的离场渲染，性能提升会更大。这也是 WXS 文档中提到“iOS 设备上的小程序中 wxs 会比代码快 2 到 20 倍”的具体原因。

关于WXS，小程序官方描述文档链接如下：

总结

关于微信小程序如何创建自定义全局函数及其调用方法的文章就到此结束了，更多微信小程序自定义全局函数相关内容请搜索编程宝库往期文章，希望大家以后多多支持编程宝库！

下一节：学习应用打包示例，详细讲解 JS 编程技巧

引言人真的是越来越懒了，这也是人类的懒惰，真是讽刺。关于这个应用的开发，我已经很久没有更新了，但是代码部分一直没落下，终于在周一周二把这个应用写完了，完成开发不是结束，是开...