微信小程序，在js中如何调用工具类

<think>好的，用户想了解如何在微信小程序的JS文件中正确调用工具类，并请求示例和方法。我需要结合提供的引用内容来回答这个问题。 首先，根据引用[2]，里面提到了使用uniapp进行接口调用和封装，有一个CreateXXX工具类的示例。虽然示例是uniapp的，但微信小程序的封装方法类似，可以参考其结构。 用户的需求是调用工具类，比如请求封装或者工具函数。我需要先说明创建工具类的步骤，比如在utils文件夹中创建JS文件，导出方法。然后演示如何引入和使用这些工具类。 然后，引用[1]提到小程序无需服务器，所有处理在客户端完成，所以工具类可能涉及API调用、数据处理等。例如封装请求函数，处理参数和响应。 需要注意的要点包括：模块化导出、使用ES6语法、Promise封装异步操作、错误处理等。此外，工具类可以包括多个功能，比如请求、日期处理、字符串处理等，每个功能单独封装成方法。 示例部分应该展示工具类的定义和调用。比如一个网络请求工具类，使用wx.request封装，返回Promise，然后在页面JS中引入并使用它。同时，可以提到如何传递参数，处理header，比如引用[2]中的custom_app_key和session_3rd可能需要包含在请求头或参数中。 可能还需要提到工具类的组织方式，比如将不同的工具类放在不同的文件中，按功能分类，便于维护。同时，强调工具类的封装可以提升代码复用性，减少冗余。 最后，根据用户要求生成相关问题，可能涉及工具类的封装方法、常见工具类类型、调试技巧等。</think>在微信小程序中调用工具类需要遵循模块化开发规范，以下是详细的实现步骤和示例： ### 一、工具类创建步骤 1. **创建工具类文件** 在`utils`目录下新建`apiUtil.js`文件，使用ES6模块化语法导出方法： ```javascript // utils/apiUtil.js const BASE_URL = "https://api.example.com"; function createRequest(params) { return new Promise((resolve, reject) => { wx.request({ url: BASE_URL + params.path, method: params.method || 'GET', data: params.data || {}, header: { 'custom-app-key': 'ymdg', // 引用[2]中的鉴权标识 'content-type': 'application/json' }, success: (res) => resolve(res.data), fail: (err) => reject(err) }) }) } module.exports = { createRequest } ``` 2. **页面调用示例** ```javascript // pages/index/index.js const apiUtil = require('../../utils/apiUtil'); Page({ onLoad() { this.fetchData({ path: '/user/info', data: { phone: '13800138000' } }); }, async fetchData(params) { try { const res = await apiUtil.createRequest(params); console.log('响应数据:', res); } catch (error) { console.error('请求失败:', error); } } }) ``` ### 二、核心要素说明 1. **模块化规范** - 使用`module.exports`导出工具方法 - 通过`require()`引入工具类文件 2. **网络请求封装** - 采用Promise封装wx.request接口 - 统一处理请求头（如引用[2]中的`custom_app_key`） 3. **参数传递方式** ```javascript // 调用示例（引用[2]参数结构） const requestParams = { path: '/createOrder', method: 'POST', data: { realPay: 2000, phone: '13800138000', session_3rd: 'xxx' // 微信身份标识 } } ``` ### 三、高级封装技巧 1. **多工具类管理** 创建`utils/index.js`作为入口文件： ```javascript // utils/index.js const network = require('./apiUtil'); const dateUtil = require('./dateUtil'); module.exports = { network, dateUtil } ``` 2. **使用示例** ```javascript const { network, dateUtil } = require('../../utils'); ``` ### 四、调试建议 1. 使用微信开发者工具的`Sources`面板调试工具类 2. 在工具类中添加日志输出： ```javascript console.log('[Network] 发起请求:', params); ```