本文给出了一个从微信小程序中提取常用功能到util.js并使用的例子。分享给大家参考,如下:
在小程序中,定义了一个工具文件utils。这个文件的js在这个文件中是有效的。当其他子页面想要调用js方法或变量时,它们需要两个步骤:
1.在调用utils的js文件中,面向对象模式模型输出:
Module.exports={要调用的函数名:要调用的函数名};2.在要调用的js文件中模块化地引入utils的js文件
Varobject=require('调用的utils的js文件地址')您可以输出对象来查看被调用的方法;
例子如下:
在utils中调用的js:
var URl=' http://123 . 23 . 169 ';var getImageurl=function(image URl){ return URl image URl;}//引用此文件的函数或变量在要引用的js文件中被模块化(var utils=require('js地址')。//在被引用的js中,作为面向对象变量输出的函数如下:module.exports={ URl:URl,//被引用的函数xx3360 xx getimage URL 3360 git image URL }被调用的js文件:
//获取工具utils工具js中的函数,首先引用utils中的js地址require(' js地址')作为面向对象的varutils=require('././utils/app . js ')//console . log(utils)查看获得的函数console . log(utils . getimageurl(' iam
补充:工具库的创建和使用
创建公共文件夹
在公共文件夹中创建一个utils文件夹
在utils文件夹中创建util.js
//工具函数tool(){ console . log(‘我是工具函数。’);}在特定页面js中调用module.exports={tool:tool}
首先介绍一下工具文件
const util=require('././common/utils/util ');然后在特定位置使用。
onLoad:函数(选项){ util . tool();我是一个工具函数.这有点像php中的common.php,它有许多通用函数库。其实无论是前端还是后端。有些想法是相通的。
希望本文对微信小程序的开发有所帮助。