微信小程序-调用工具js文件/utils文件中的函数/变量

柔光的暖阳◎ 2022-05-14 19:48 867阅读 0赞

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

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

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

例子如下：

**utils中被调用的js：**

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 </td> 
 <td> <code>var</code>&nbsp;<code>URl=</code><code>'http://123.23.169'</code><code>;</code> <code>&nbsp;</code><code>var</code>&nbsp;<code>getImageurl=</code><code>function</code><code>(imageurl){ </code> <code>return</code>&nbsp;<code>URl+imageurl;</code> <code>&nbsp;</code><code>}</code> &nbsp; <code>//&nbsp; 要引用这个文件的函数或者变量，除了在要引用的的js文件中模块化之外（var utils=require('js地址')），</code> <code>// 在被引用的的js中要通过 module.exports={a:a}作为面向对象的变量输出函数如下：</code> <code>&nbsp;</code><code>module.exports={ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>URl:URl,</code><code>//要引用的函数 xx:xx</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>getImageurl:getImageurl</code> <code>&nbsp;</code><code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

**要调用的js文件**：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 </td> 
 <td> <code>// 获得工具utils工具js里面函数,先模块化引用utils里面的js地址&nbsp; reqiure('js地址')成一个面向对象</code> <code>var</code>&nbsp;<code>utils=require(</code><code>'../../utils/app.js'</code><code>)</code> <code>// console.log(utils) 可查看获得的函数</code> <code>console.log(utils.getImageurl(</code><code>'iamgeaaddress.png'</code><code>))</code> </td> 
 </tr> 
 </tbody> 
</table>

**输出结果**：

![1093000-20170119094458031-968020065.png][]

转自:[https://www.cnblogs.com/bellagao/p/6305485.html][https_www.cnblogs.com_bellagao_p_6305485.html]

[1093000-20170119094458031-968020065.png]: /images/20220503/df3bb26c35644bdcabfc60ab3a297f8f.png
[https_www.cnblogs.com_bellagao_p_6305485.html]: https://www.cnblogs.com/bellagao/p/6305485.html