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

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

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

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

1：在微信開發(fā)工具中增加一個JS文檔，放入全局全局函數(shù)

代碼說明

1：全局函數(shù)只能放var定義的變量下，本例的var 變量為myFunction

格式為：

var myFunction={ 在這里編寫你的全局函數(shù) }

你可以把myFunction理解為一個類，你的全局函數(shù)理解放類中的一個方法

2：module.exports={myFunction:myFunction} 這個語句相當于把你編寫的函數(shù)公布出去，第一myFunction是外面看到的名字，第二個是上面定義的var變量，這兩個名字可以不同，我看別人都是相同的，所以我也都用相同；

關于module.exports說明，參考官方文檔

var myFunction={
  function1: function(){//無參數(shù)全局函數(shù)
    //TO DO   在這個位置輸入你的代碼
    console.log('大家好，我是一個無參的全局函數(shù)')
  },//多個函數(shù)使用逗號做分割

  function2: function(para1,para2){//含參數(shù)全局函數(shù)
     //TO DO   在這個位置輸入你的代碼
    console.log('參數(shù)1：'+ para1)
    console.log('參數(shù)2：'+ para2)
  }
}
module.exports={
  myFunction:myFunction 
}
//也可以僅公開其中的一個函數(shù)如：
//
//module.exports={
//myFunction:myFunction.function1 
//}

2：全局函數(shù)調(diào)用

調(diào)用比較簡單，大家自己看吧

var myGolbalFunction = require('../../utils/globalFunctions.js')
//這個onLoad是窗體的加載事件，
//你也可以下在按鈕，其他任何事件內(nèi)
onLoad: function (options) {
      myGolbalFunction.myFunction.function1();
      myGolbalFunction.myFunction.function2('第一個參數(shù)','第二個參數(shù)');
    }

3：科普下 .WXS和.JS的區(qū)別（由于網(wǎng)上搜素到的微信小程序創(chuàng)建自定義函數(shù)，有的是用.JS后綴文件，有的是.WXS后綴，搞得初學人員一頭霧水，這里科普下）

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

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

1 WXS 的基礎類庫：

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

2 數(shù)組遍歷

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

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

3 變量類型判斷

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

[].constructor === Array  //true

4 性能差異

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

5 平臺差異

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

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

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