欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2022年09月02日 15:16:58   作者:子云_老猿人  
微信小程序有時(shí)需要函數(shù)里面調(diào)用函數(shù),下面這篇文章主要給大家介紹了關(guān)于微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下

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

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

代碼說(shuō)明

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

格式為:

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

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

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

關(guān)于module.exports說(shuō)明,參考官方文檔

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

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

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

調(diào)用比較簡(jiǎn)單,大家自己看吧

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

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

簡(jiǎn)單說(shuō)WXS可以理解為輕量的.JS

補(bǔ)充:WXS與JS的區(qū)別

1 WXS 的基礎(chǔ)類庫(kù):

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

2 數(shù)組遍歷

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

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

3 變量類型判斷

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

[].constructor === Array  //true

4 性能差異

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

5 平臺(tái)差異

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

關(guān)于WXS,小程序官方說(shuō)明文檔連接如下:

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

總結(jié)

到此這篇關(guān)于微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法的文章就介紹到這了,更多相關(guān)微信小程序自定義全局函數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論