前端杂谈 · Web

微信小程序 调用js文件/utils函数/变量

小编 · 9月2日 · 2020年

前言

在小程序中,定义了一项工具文件utils,此文件的js旨在本文件之内有效,当其他子页面想调用其中的js方法或者变量时,需要两步骤:

1:在utils被调用的js文件中,面向对象的方式模型输出:  module.exports={要调用的函数名称:要调用的函数名称 };

2:在要调用的js文件中模块化引入utils的js文件  var object=require(“utils被调用的js文件地址”); 可以输出一下object就能看到被调用的方法了;

微信小程序 调用js文件/utils函数/变量

例子如下:

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'))

输出结果

微信小程序 调用js文件/utils函数/变量-字节智造