本文實(shí)例講述了微信小程序提取公用函數(shù)到util.js及使用方法。分享給大家供大家參考,具體如下:
在小程序中,定義了一項(xiàng)工具文件utils,此文件的js旨在本文件之內(nèi)有效,當(dāng)其他子頁面想調(diào)用其中的js方法或者變量時(shí),需要兩步驟:
1:在utils被調(diào)用的js文件中,面向?qū)ο蟮姆绞侥P洼敵觯?/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; } // 要引用這個(gè)文件的函數(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地址')成一個(gè)面向?qū)ο髒ar utils=require('../../utils/app.js')// console.log(utils) 可查看獲得的函數(shù)console.log(utils.getImageurl('iamgeaaddress.png'))
輸出結(jié)果:
補(bǔ)充:工具庫的創(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}
在具體的頁面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ù)庫。其實(shí),不論是前端,還是后端。一些思想都是相通的。
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注