微信小程序提取公用函數(shù)到util.js及使用方法示例
本文實(shí)例講述了微信小程序提取公用函數(shù)到util.js及使用方法。分享給大家供大家參考,具體如下:
在小程序中,定義了一項(xiàng)工具文件utils,此文件的js旨在本文件之內(nèi)有效,當(dāng)其他子頁(yè)面想調(diào)用其中的js方法或者變量時(shí),需要兩步驟:
1:在utils被調(diào)用的js文件中,面向?qū)ο蟮姆绞侥P洼敵觯?/p>
module.exports={要調(diào)用的函數(shù)名稱(chēng):要調(diào)用的函數(shù)名稱(chēng) };
2:在要調(diào)用的js文件中模塊化引入utils的js文件
var object=require("utils被調(diào)用的js文件地址")
可以輸出一下object就能看到被調(diào)用的方法了;
例子如下:
utils中被調(diào)用的js:
var URl='http://123.23.169'; var getImageurl=function(imageurl){ return URl+imageurl; } // 要引用這個(gè)文件的函數(shù)或者變量,除了在要引用的的js文件中模塊化之外(var utils=require('js地址')), // 在被引用的的js中要通過(guò) module.exports={a:a}作為面向?qū)ο蟮淖兞枯敵龊瘮?shù)如下: module.exports={ URl:URl,//要引用的函數(shù) xx:xx getImageurl:getImageurl }
要調(diào)用的js文件:
// 獲得工具utils工具js里面函數(shù),先模塊化引用utils里面的js地址 reqiure('js地址')成一個(gè)面向?qū)ο? var utils=require('../../utils/app.js') // console.log(utils) 可查看獲得的函數(shù) console.log(utils.getImageurl('iamgeaaddress.png'))
輸出結(jié)果:
補(bǔ)充:工具庫(kù)的創(chuàng)建與使用
創(chuàng)建一個(gè)common文件夾
在common文件夾中創(chuàng)建一個(gè)utils文件夾
在utils文件夾中創(chuàng)建util.js
// 工具 function tool() { console.log('i am a tool function.'); } module.exports = { tool: tool }
在具體的頁(yè)面js中調(diào)用
首先要引入工具文件
const util = require('../../common/utils/util');
然后在具體的位置使用即可。
onLoad: function (options) { util.tool(); ... } i am a tool function.
這有點(diǎn)像,php中的common.php,里面有很多通用的函數(shù)庫(kù)。其實(shí),不論是前端,還是后端。一些思想都是相通的。
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
- 微信小程序云函數(shù)使用mysql數(shù)據(jù)庫(kù)過(guò)程詳解
- 小程序云開(kāi)發(fā)教程如何使用云函數(shù)實(shí)現(xiàn)點(diǎn)贊功能
- 小程序云函數(shù)調(diào)用API接口的方法
- 微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法
- 微信小程序 功能函數(shù)小結(jié)(手機(jī)號(hào)驗(yàn)證*、密碼驗(yàn)證*、獲取驗(yàn)證碼*)
- 微信小程序 定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹
- 微信小程序 Page()函數(shù)詳解
- 微信小程序 函數(shù)防抖 解決重復(fù)點(diǎn)擊消耗性能問(wèn)題實(shí)現(xiàn)代碼
相關(guān)文章
VSCode Webview中實(shí)現(xiàn)點(diǎn)擊下載圖片的基本流程
這篇文章主要介紹了VSCode Webview中如何實(shí)現(xiàn)點(diǎn)擊下載圖片,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04js字符串替換所有的指定字符或文字(推薦replaceAll方法)
要實(shí)現(xiàn)js字符串替換所有的某個(gè)字符,推薦大家使用replaceAll方法,默認(rèn)不是所有瀏覽器都兼容,所以這里給出一個(gè)解決方案,需要的朋友可以參考下2014-07-07一文教會(huì)你如何在JavaScript中使用展開(kāi)運(yùn)算符
展開(kāi)運(yùn)算符(spread operator)允許一個(gè)表達(dá)式在某處展開(kāi),下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)一文教會(huì)你如何在JavaScript中使用展開(kāi)運(yùn)算符的相關(guān)資料,需要的朋友可以參考下2022-10-10JavaScript數(shù)據(jù)類(lèi)型和變量_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)類(lèi)型和變量的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06微信小程序使用template標(biāo)簽實(shí)現(xiàn)五星評(píng)分功能
這篇文章主要為大家詳細(xì)介紹了微信小程序使用template標(biāo)簽實(shí)現(xiàn)五星評(píng)分功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11Bootstrap基本插件學(xué)習(xí)筆記之標(biāo)簽切換(17)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之標(biāo)簽切換的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12javascript 函數(shù)的暫停和恢復(fù)實(shí)例詳解
這篇文章主要介紹了javascript 函數(shù)的暫停和恢復(fù),結(jié)合實(shí)例形式詳細(xì)分析了javascript 函數(shù)的暫停和恢復(fù)相關(guān)原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04