微信小程序utils

微信小程序utils教程

稍微有一定编程基础的程序员都知道公共方法的重要性，它可以让我们的代码共用，减少代码的重复，使代码更加整洁。而且相同的功能，如果逻辑有变化，只需要修改公共的代码逻辑就能够实现，不需要找到每个地方来进行修改。

方法描述

在定义公共方法的时候，首先我们需要声明一个方法名称，它就和普通的函数一样，需要有函数名，参数等一系列信息。定义完函数之后，我们需要将函数暴露出去，需要用到 module.exports 语句。然后就需要在使用到它的地方进行引用，需要在对应的函数操作 js 文件里面用 require 进行引用。

案例

在正常的项目实现过程中，我们会将一个长字符串截取，保留相应的长度，其它字符等点进详情的时候再展示，这个时候就可以声明一个截取字符串的函数。

代码结构

我们在和 pages 文件夹同层级的 utils 文件夹里面新建了一个 strUtil.js 文件（直接鼠标右击，新建文件）。我们新建一个 str 文件进行操作。文件目录如下：

strUtil.js文件

/**
 * 字符串截图
 * @param {*} str 
 * @param {*} num 
 */
function getStr(str,num){
  if(str.length > num){
  return  str.substr(0,num) + '...';
  }else{
    return str;
  }
}
/**
*将该函数暴露出去
*/
module.exports={
  getStr:getStr
}

str.wxml

<view>{{notCutStr}}</view>
<view>{{cutStr}}</view>

str.js

var strUtil = require("../../utils/strUtil");
Page({
  /**
   * 页面的初始数据
   */
  data: {
    notCutStr: "",
    cutStr: ""
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var strInfo = "你好啊，嗨客网，我是一个测试的语句";
    var cutStr = strUtil.getStr(strInfo, 5);
    this.setData({
      notCutStr: strInfo,
      cutStr: cutStr
    });
  },
  .....
  /**省略自带方法**/
})

运行结果如下

我们看到在 strUtil.js 文件里面将方法截取的功能 export 出去，然后在 str.js 里面使用 require 进行引入。export 和 require 是缺一不可的。然后使用者就可以使用公共方法里面的函数，当作本地函数使用一样。

公共方法总结

好的编程习惯会对代码进行抽象，将公共的部分提取出来，减少重复代码。公共方法可以让我们将公共的函数在一个文件中定义，然后在使用到的地方进行引入，然后就可以直接使用。