在开发微信小程序时，为了提高代码的复用性和可维护性，经常需要将一些通用的功能或模块封装成外部JS文件。正确地引用这些外部JS文件，是确保小程序稳定运行的关键。以下将详细介绍如何在微信小程序中正确引用外部JS文件，并探讨如何通过这种方式提高代码的复用性。
一、外部JS文件的创建与命名
创建外部JS文件：在项目根目录下创建一个文件夹，例如
utils，然后在文件夹内创建一个JS文件，如common.js。命名规范：外部JS文件通常以
.js为后缀，命名时可以遵循一定的规范，如使用驼峰命名法或下划线命名法。
二、外部JS文件的内容编写
模块化：在JS文件中，可以使用
module.exports或exports将需要复用的函数或对象导出。函数封装：将通用的功能封装成函数，便于在其他页面或组件中调用。
数据封装：如果需要共享数据，可以将数据封装成一个对象，并通过导出暴露给其他页面或组件。
以下是一个简单的例子：
// utils/common.js
function getNowDate() {
return new Date().toLocaleDateString();
}
module.exports = {
getNowDate
};
三、在页面或组件中引用外部JS文件
在页面或组件的JS文件中引入：使用
require或import语句引入外部JS文件。使用模块化语法：如果外部JS文件使用了模块化语法，则可以直接使用
require或import导入所需的模块。
以下是一个简单的例子：
// pages/index/index.js
const common = require('../../utils/common.js');
Page({
onLoad: function() {
console.log(common.getNowDate());
}
});
四、注意事项
文件路径：确保在引入外部JS文件时，路径正确。
版本控制：当外部JS文件更新时，确保其他页面或组件正确引入了更新后的文件。
性能优化：尽量减少外部JS文件的依赖，避免影响小程序的加载速度。
五、总结
通过正确引用外部JS文件，可以将通用的功能或模块封装起来，提高代码的复用性和可维护性。在实际开发过程中，应根据项目需求合理使用外部JS文件，确保小程序的稳定运行。