嗨客网搜索
微信小程序utils

微信小程序utils教程

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

方法描述

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

案例

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

代码结构

12 util_code_info.png

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

13 util_code_struct.png

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 }); }, ..... /**省略自带方法**/ })

运行结果如下

14 util_result.png

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

公共方法总结

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

嗨客网顶部