本文實例講述了微信小程序提取公用函數到util.js及使用方法。分享給大家供大家參考,具體如下:
在小程序中,定義了一項工具文件utils,此文件的js旨在本文件之內有效,當其他子頁面想調用其中的js方法或者變量時,需要兩步驟:
1:在utils被調用的js文件中,面向對象的方式模型輸出:
module.exports={要調用的函數名稱:要調用的函數名稱 };
2:在要調用的js文件中模塊化引入utils的js文件
var object=require("utils被調用的js文件地址")
可以輸出一下object就能看到被調用的方法了;
例子如下:
utils中被調用的js:
var URl='http://123.23.169'; var getImageurl=function(imageurl){ return URl+imageurl; } // 要引用這個文件的函數或者變量,除了在要引用的的js文件中模塊化之外(var utils=require('js地址')), // 在被引用的的js中要通過 module.exports={a:a}作為面向對象的變量輸出函數如下: module.exports={ URl:URl,//要引用的函數 xx:xx getImageurl:getImageurl}
要調用的js文件:
// 獲得工具utils工具js里面函數,先模塊化引用utils里面的js地址 reqiure('js地址')成一個面向對象var utils=require('../../utils/app.js')// console.log(utils) 可查看獲得的函數console.log(utils.getImageurl('iamgeaaddress.png'))
輸出結果:
補充:工具庫的創建與使用
創建一個common文件夾
在common文件夾中創建一個utils文件夾
在utils文件夾中創建util.js
// 工具function tool() { console.log('i am a tool function.');}module.exports = { tool: tool}
在具體的頁面js中調用
首先要引入工具文件
const util = require('../../common/utils/util');
然后在具體的位置使用即可。
onLoad: function (options) { util.tool(); ...}i am a tool function.
這有點像,php中的common.php,里面有很多通用的函數庫。其實,不論是前端,還是后端。一些思想都是相通的。
希望本文所述對大家微信小程序開發有所幫助。
新聞熱點
疑難解答