微信小程序提取公用函數(shù)到util.js及使用方法示例
更新時間：2019年01月10日 08:42:45 作者：alexzt
這篇文章主要介紹了微信小程序提取公用函數(shù)到util.js及使用方法,結合實例形式分析了util.js公用函數(shù)相關調(diào)用操作技巧,需要的朋友可以參考下
本文實例講述了微信小程序提取公用函數(shù)到util.js及使用方法。分享給大家供大家參考，具體如下：
在小程序中，定義了一項工具文件utils,此文件的js旨在本文件之內(nèi)有效，當其他子頁面想調(diào)用其中的js方法或者變量時，需要兩步驟：
1：在utils被調(diào)用的js文件中，面向?qū)ο蟮姆绞侥Ｐ洼敵觯?/p>
module.exports={要調(diào)用的函數(shù)名稱：要調(diào)用的函數(shù)名稱 };
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;
}
// 要引用這個文件的函數(shù)或者變量，除了在要引用的的js文件中模塊化之外（var utils=require('js地址')），
// 在被引用的的js中要通過 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地址')成一個面向?qū)ο?
var utils=require('../../utils/app.js')
// console.log(utils) 可查看獲得的函數(shù)
console.log(utils.getImageurl('iamgeaaddress.png'))
輸出結果：
補充：工具庫的創(chuàng)建與使用
創(chuàng)建一個common文件夾
在common文件夾中創(chuàng)建一個utils文件夾
在utils文件夾中創(chuàng)建util.js
// 工具
function tool() {
console.log('i am a tool function.');
}
module.exports = {
tool: tool
}
在具體的頁面js中調(diào)用
首先要引入工具文件
const util = require('../../common/utils/util');
然后在具體的位置使用即可。
onLoad: function (options) {
util.tool();
...
}
i am a tool function.
這有點像，php中的common.php，里面有很多通用的函數(shù)庫。其實，不論是前端，還是后端。一些思想都是相通的。
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
這篇文章主要介紹了很棒的js Tab選項卡切換效果，簡單的選項卡切換特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JS無縫滾動效果實現(xiàn)方法,結合實例形式較為詳細的分析了無縫滾動的原理、實現(xiàn)技巧與相關注意事項,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JS+CSS模擬可以無刷新顯示內(nèi)容的留言板,涉及javascript操作dom元素、鼠標事件及css樣式的技巧,需要的朋友可以參考下2015-03-03
Layui實現(xiàn)數(shù)據(jù)表格默認全部顯示(不要分頁)
今天小編就為大家分享一篇Layui實現(xiàn)數(shù)據(jù)表格默認全部顯示(不要分頁)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
使用validate.js實現(xiàn)表單數(shù)據(jù)提交前的驗證方法
這篇文章主要介紹了使用validate.js實現(xiàn)表單數(shù)據(jù)提交前的驗證方法，文中給大家提供了完整代碼,需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)聊天室功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
javaScript產(chǎn)生隨機數(shù)的用法小結
這篇文章主要介紹了javaScript產(chǎn)生隨機數(shù)的用法小結,包括JavaScript Math.random()內(nèi)置函數(shù) ，Js 隨機數(shù)產(chǎn)生6位數(shù)字的代碼，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了JavaScript實現(xiàn)標題欄文字輪播效果代碼,涉及JavaScript基于時間函數(shù)及流程控制操作標題欄文字的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了js 奇葩技巧之隱藏代碼,通過代碼示例展示了隱藏代碼的過程,需要的朋友可以參考下2017-08-08
詳解javascript對數(shù)組和json數(shù)組的操作
這篇文章主要介紹了javascript對數(shù)組和json數(shù)組的操作，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04