微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法詳解
創(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)文章
IE瀏覽器IFrame對(duì)象內(nèi)存不釋放問(wèn)題解決方法
IFrame對(duì)象占用的內(nèi)存資源在窗體關(guān)閉后不會(huì)釋放。彈出關(guān)閉反復(fù)多次后,IE瀏覽器內(nèi)存占用可超過(guò)數(shù)百M(fèi),嚴(yán)重時(shí)IE瀏覽器報(bào)錯(cuò)2014-08-08js創(chuàng)建對(duì)象幾種方式的優(yōu)缺點(diǎn)對(duì)比
這篇文章主要對(duì)比了js創(chuàng)建對(duì)象幾種方式的優(yōu)缺點(diǎn),感興趣的小伙伴們可以參考一下2016-09-09Javascript 多瀏覽器兼容性問(wèn)題及解決方案
不論是網(wǎng)站應(yīng)用還是學(xué)習(xí)js,大家很注重ie與firefox等瀏覽器的兼容性問(wèn)題,畢竟這兩中瀏覽器是占了絕大多數(shù)。2009-12-12JavaScript 32位整型無(wú)符號(hào)操作示例
所有整數(shù)字變量默認(rèn)都是有符號(hào)整數(shù),JavaScript 進(jìn)行位操作時(shí),是采用32位有符號(hào)整型,這意味著其轉(zhuǎn)換的結(jié)果也是32位有符號(hào)整型2013-12-12Three.js開發(fā)實(shí)現(xiàn)3D地圖的實(shí)踐過(guò)程總結(jié)
這篇文章主要給大家介紹了關(guān)于利用Three.js開發(fā)實(shí)現(xiàn)3D地圖的實(shí)踐過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11JS中關(guān)于事件處理函數(shù)名后面是否帶括號(hào)的問(wèn)題
JS中的事件處理(事件綁定)就是讓某種或某些事件觸發(fā)某些活動(dòng)。有兩種常見的形式,分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個(gè)關(guān)于事件處理程序的小細(xì)節(jié)。感興趣的朋友一起學(xué)習(xí)吧2016-11-11