微信小程序引用公共js里的方法的实例详解

讲解“微信小程序引用公共js里的方法的实例详解”的攻略。

什么是微信小程序

微信小程序是一种新型的应用开发方式，它基于微信生态体系，具有“无需下载、易于传播、快捷启动、即点即用”等优势，适合于轻量级应用的开发、使用和传播。

微信小程序引用公共js的方法

为提高代码重用性，有时我们会把一些通用的代码方法放到公共的js文件里，那么如何在小程序中调用这些方法呢？

• 首先，我们需要在小程序页面中引用公共js文件，代码如下：

  var util = require('../../utils/util.js');  // 引入公共js文件

• 然后，我们就可以在小程序页面中使用公共js文件里的方法了，示例代码如下：

  var currentTime = util.formatTime(new Date());
  console.log(currentTime);

示例说明

下面通过两个实例来说明微信小程序如何引用公共js文件里的方法。

实例一：获取当前时间

我们在公共js文件util.js中写一个获取当前时间的函数formatTime，代码如下：

function formatTime(date) {
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()

  var hour = date.getHours()
  var minute = date.getMinutes()
  var 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
}

然后，在小程序页面中引用util.js文件，获取当前时间并输出到控制台，代码如下：

// index.js
var util = require('../../utils/util.js')

Page({
  data: {
  },
  onLoad: function () {
    var currentTime = util.formatTime(new Date());
    console.log(currentTime);
  }
})

运行小程序，控制台输出当前时间，说明我们成功引用了公共js文件里的方法。

实例二：计算两个数的和

我们在公共js文件util.js中写一个计算两个数的和的函数add，代码如下：

function add(x, y) {
  return x + y;
}

module.exports = {
  add: add
}

然后，在小程序页面中引用util.js文件，计算两个数的和，代码如下：

// index.js
var util = require('../../utils/util.js')

Page({
  data: {
    num1: 10,
    num2: 20
  },
  onLoad: function () {
    var result = util.add(this.data.num1, this.data.num2);
    console.log(result);
  }
})

运行小程序，控制台输出30，说明我们成功引用了公共js文件里的方法。

总结

通过上述实例，我们了解了在微信小程序中如何引用公共js文件里的方法。通过将通用的代码方法抽象到公共js文件中，提高了代码的重用性和可维护性，是我们在小程序开发中的一个常用技巧。