掌握微信小程序的公共JS使用技巧，让你的开发事半功倍
在微信小程序中，可以通过以下步骤定义和使用公共的 JS 函数，使得其它页面可以调用：1. 创建一个公共的 JS 文件：在项目的 utils 目录下创建一个 JS 文件，utils/util.js。2. 定义公共函数：在 util.js 文件中定义你需要的公共函数，并导出这些函数。3. 在需要使用公共函数的页面中引入公共 JS 文件：在需要使用公共函数的页面的 json 文件中添加如下代码：{"usingComponents": {"custom-component":"/path/to/custom-component"}}。这样就可以在需要使用公共函数的页面中直接调用了。
在微信小程序开发中，公共JS是一个非常重要的概念，公共JS是指在多个页面共享的JavaScript代码，它可以帮助我们避免重复编写相同的代码，提高开发效率，本文将详细介绍微信小程序公共JS的使用技巧，帮助你更好地掌握微信小程序的开发。
什么是公共JS?
公共JS(Common JavaScript)是一套在微信小程序项目中可以被多个页面复用的JavaScript代码，它包括了一些通用的功能函数、工具方法和全局变量等，通过使用公共JS,我们可以将一些常用的功能抽取出来，避免在各个页面中重复编写相同的代码，从而提高开发效率。
为什么要使用公共JS?
1、提高开发效率：公共JS可以避免在各个页面中重复编写相同的代码，使得开发者可以将更多的精力投入到业务逻辑的开发上。
2、便于维护：当某个页面需要修改公共JS中的某些功能时，只需要修改对应的公共JS文件即可，而不需要在每个页面中都进行修改。
3、提高代码质量：公共JS可以将一些通用的功能组织起来，使得代码结构更加清晰，便于阅读和维护。
4、有利于团队协作：公共JS可以让团队成员更方便地共享和复用代码，提高团队协作的效率。
如何创建和使用公共JS?
1. 创建公共JS文件夹
在微信小程序项目的根目录下，创建一个名为js的文件夹，在js文件夹下，再创建一个名为common的文件夹，将所有的公共JS文件放到common文件夹下。
mkdir js/common
2. 编写公共JS文件
在common文件夹下，编写你的公共JS文件，创建一个名为index.js的文件，并在其中编写以下代码：
// index.js
function showToast(str) {
wx.showToast({
title: str,
icon: 'none',
duration: 2000
}); });
module.exports = {
showToast: showToast
};这个公共JS文件定义了一个名为showToast的函数，用于显示一个简单的提示框，我们将这个函数导出，以便在其他页面中使用。
3. 在需要使用的页面引入公共JS文件
在需要使用公共JS的页面的json文件中，添加如下配置：
"usingComponents": {},
"requiredComponents": [{ "path": "/path/to/your/common/index" }]这里，我们将公共JS文件的路径设置为/path/to/your/common/index,表示需要引入位于该路径下的index.js文件，注意，路径需要与实际的文件路径相匹配。
4. 在页面的js文件中使用公共JS中的函数或变量
在需要使用公共JS功能的页面的js文件中，可以直接引入并使用公共JS文件中定义的函数或变量。
// pages/index/index.js
const common = require('/path/to/your/common/index'); // 引入公共JS文件中的函数或变量
Page({
onLoad: function() {
common.showToast('Hello, world!'); // 调用公共JS中的函数
} });这样，我们就可以在当前页面中使用公共JS中定义的功能了，需要注意的是，由于公共JS文件是在全局范围内定义的，因此在使用时需要确保其作用域不会与其他变量冲突。
与本文内容相关的知识文章：
