在微信小程序开发中，模块化编程是一种常见的实践，它有助于提高代码的可维护性和复用性。通过导入JS模块，你可以将通用的代码片段封装成模块，然后在需要的地方轻松调用，避免重复编写相同的代码。下面，我将详细介绍如何在微信小程序中导入JS模块，并实现代码复用。
一、创建JS模块
首先，你需要创建一个JS文件作为模块。例如，创建一个名为common.js的文件，并在其中编写一些通用的函数或变量。
// common.js
function sayHello(name) {
console.log(`Hello, ${name}!`);
}
const api = {
getWeather: function(city) {
// 获取天气信息的代码
}
};
二、在页面或组件中导入模块
在需要使用模块的页面或组件中，你可以通过require函数导入common.js模块。
// page/index/index.js
const common = require('../../common/common.js');
Page({
onLoad: function() {
common.sayHello('World');
common.api.getWeather('北京');
}
});
这里，require函数的参数是模块的相对路径。需要注意的是，模块路径是从当前文件开始计算的。
三、使用模块中的函数或变量
导入模块后，你可以在页面或组件中使用模块中定义的函数或变量。
在上面的例子中，我们在onLoad函数中调用了common.sayHello函数和common.api.getWeather函数。
四、模块化带来的好处
- 代码复用：将通用代码封装成模块，可以在多个页面或组件中复用，避免重复编写相同的代码。
- 提高可维护性：模块化可以使代码结构更清晰，便于管理和维护。
- 提高开发效率：通过复用代码，可以节省开发时间，提高开发效率。
五、注意事项
- 模块路径：确保模块路径正确，否则会报错。
- 模块作用域：模块内部的变量和函数仅在模块内部有效，外部无法直接访问。
- 模块依赖：如果一个模块依赖于另一个模块，需要先导入依赖模块。
通过以上步骤，你可以在微信小程序中轻松导入JS模块，实现代码复用。这不仅有助于提高开发效率，还能使代码更加整洁和易于维护。