微信小程序引用公共js里的方法的实例详解

微信小程序中引用公共JS方法的实例详解

在微信小程序开发中，我们经常需要将一些公共方法抽离出来，形成一个独立的公共JS文件，以便在多个页面中使用。下面我将详细介绍如何实现这一过程。

我们了解微信小程序的基本结构。一个小程序页面由四个文件组成：js、wxml、wxss和json。当我们在根目录下创建一个app.js文件时，可以通过getApp()方法轻松调用该文件的函数和变量。

假设我们有一个公共方法需要抽离出来，我们可以创建一个utils文件夹（如果不存在则新建），并在其中创建一个util.js文件（如果不存在则新建）。在这个文件中，我们可以将通用的方法写在这里。

例如，我们有一个正则判断的函数Regular()，一个判断字符串是否为中文的函数IsChinese()，以及一个去除字符串左右空格的函数trim()。我们可以将这些函数写在util.js文件中，并通过module.exports将这些函数暴露出来，以便在其他文件中使用。

在test.js文件中，我们可以通过require语句引入util.js文件，并使用其中的函数。例如：

```javascript

var util = require('../../utils/util.js');

Page({

onLoad: function () {

console.log("判断是否为中文：" + util.IsChinese('测试'));

console.log("去除左右空格：" + util.trim(' s')); //假设有一个带有空格的字符串' s'

}

})

```

在开发者工具的Console中，我们可以看到上述代码的输出结果。需要注意的是，我们在util.js文件中定义的Regular()函数并没有通过module.exports暴露出来，所以我们无法在其他文件中直接调用util.Regular()。如果直接调用，会出现“util.Regular is not a function”的错误。

我们在util.js文件中只需要暴露我们需要使用的函数。这样，我们就可以在其他页面中通过引入util.js文件来使用这些公共方法了。

以上就是微信小程序引用公共JS方法的实例详解。如果在开发过程中遇到任何问题，欢迎留言讨论或到社区交流。希望这篇文章能帮助到大家，谢谢对本站的支持！如果有任何疑问或建议，欢迎随时提出。