微信小程序創(chuàng)建自定義全局函數以及其調用方法詳解

更新時間：2022年09月02日 15:16:58 作者：子云_老猿人

微信小程序有時需要函數里面調用函數,下面這篇文章主要給大家介紹了關于微信小程序創(chuàng)建自定義全局函數以及其調用方法的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下

創(chuàng)建小程序全局函數

1：在微信開發(fā)工具中增加一個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的區(qū)別（由于網上搜素到的微信小程序創(chuàng)建自定義函數，有的是用.JS后綴文件，有的是.WXS后綴，搞得初學人員一頭霧水，這里科普下）

簡單說WXS可以理解為輕量的.JS

補充：WXS與JS的區(qū)別

1 WXS 的基礎類庫：

WXS只提供給開發(fā)者5個基礎類庫，分別是 console，Math，JSON，Number，Date，以及一些常用的全局變量和全局函數，數量不多，但已經能滿足基本的數據操作要求，而對于復雜的數據操作，比如類定義和繼承等，還是需要依靠邏輯層的 JS 腳本完成。

2 數組遍歷

WXS 里，遍歷數組只能通過for實現，而JS中的for in和for of不被支持，對于需要循環(huán)處理數據的場景，也可以通過數組的forEach方法實現遍歷：

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

3 變量類型判斷

由于WXS先天不支持使用 Array 對象，因此我們平常用于判斷數組類型變量的語句[] instanceof Array也就不能使用了，而typeof []的輸出結果是"object"，并不能滿足實際的開發(fā)要求。所幸我們還可以使用變量的「constructor」屬性進行類型判斷：

[].constructor === Array  //true

4 性能差異

如前所說，小程序的架構分成了邏輯層和視圖層，WXS 與JavaScript還有一個差異在于，它與WXML一同們于視圖層，運行于同一個線程內，因此減少了跨線程通信的開銷。這也是我們之所以優(yōu)先采用WXS處理數據的原因之一。

5 平臺差異

小程序在Android上，使用V8引擎解析和渲染 JavaScript; 而在iOS上，則是使用 JavaScriptCore，這兩者在解析性能的表現上差異比較大，相對來說 V8 的性能比 JSC 要好得多，那么在 IOS 的小程序中，使用脫離 JavaScript 環(huán)境的 WXS，就會使性能有更多的提升，這也是WXS文檔中提及 “在 iOS 設備上小程序內的 wxs 會比 javascript 代碼快 2 ~ 20 倍” 的具體原因

關于WXS，小程序官方說明文檔連接如下：

https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html