微信小程序提取公用函数到util.js及使用方法示例

下面是关于“微信小程序提取公用函数到util.js及使用方法示例”的完整攻略：

1. 创建util.js文件

在开发者工具中，打开小程序项目，右键“根目录”，选择“新建文件”，创建一个名为util.js的文件。

2. 定义公用函数

在util.js中，定义公用函数，例如：

// util.js
function formatTime(date) {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()

  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime
}

该公用函数可用于格式化时间，使用方法如下：

// pages/index/index.js
const util = require('../../utils/util.js')

Page({
  data: {
    time: ''
  },
  formatTime: function() {
    this.setData({
      time: util.formatTime(new Date())
    })
  }
})

3. 引用公用函数

引用公用函数时，需要在页面对应的JS文件中引入util.js，例如：

// pages/index/index.js
const util = require('../../utils/util.js')

Page({
  data: {
    time: ''
  },
  formatTime: function() {
    this.setData({
      time: util.formatTime(new Date())
    })
  }
})

4. 测试运行

在微信开发者工具中，打开对应的页面，可以看到已经成功使用了util.js中定义的公用函数。

示例 1: 公用函数formatTime的详细说明

1.1 功能简介

该公用函数用于将日期格式化为“年-月-日 时:分:秒”的字符串格式。

1.2 函数参数

参数名	类型	说明
date	Object	需要格式化的日期对象

1.3 函数返回值

参数名	类型	说明
result	String	格式化后的日期字符串

1.4 使用示例

// util.js
function formatTime(date) {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()

  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime
}

// pages/index/index.js
const util = require('../../utils/util.js')

Page({
  data: {
    time: ''
  },
  formatTime: function() {
    this.setData({
      time: util.formatTime(new Date())
    })
  }
})

示例2: 公用函数formatNumber的详细说明

2.1 功能简介

该公用函数用于将数字格式化为两位数。

2.2 函数参数

参数名	类型	说明
n	Number	需要格式化的数字

2.3 函数返回值

参数名	类型	说明
result	String	格式化后的数字字符串

2.4 使用示例

// util.js
function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatNumber: formatNumber
}

// pages/index/index.js
const util = require('../../utils/util.js')

Page({
  data: {
    number: 10
  },
  formatNumber: function() {
    this.setData({
      number: util.formatNumber(this.data.number)
    })
  }
})