小程序，如果你会这两种方式，代码就简洁了，重复代码也少了

2022-04-16 小程序

这篇我们来说说如何让小程序代码更简洁。
因为我看到有的人写的小程序代码只是建page,page中的.wxml 和 .js 文件有很多是重复代码。
所以这里我们来说下如何剔除.wxml 、.js文件中重复的代码，让代码复用率更高。
一.JS文件。
例如时间格式方法，很多页面可能显示时间，但是小程序中都要格式化，因为new Date()得到的时间是这样的：Thu May 14 2020 20:05:24 GMT+0800 。然而我们要的是 2020-05-14 20:07 或者 2020/05/14 20:07 。这样我们才是我所能接受的。

小程序，如果你会这两种方式，代码就简洁了，重复代码也少了

文章插图
首先，我们直接用小程序创建时自建的utils文件夹下的 utils.js文件，里面有格式化时间的公用方法。

小程序，如果你会这两种方式，代码就简洁了，重复代码也少了

文章插图
其次，在海鲜文件夹下的seaclass.js里通过 require()函数引入 utils.js文件，并且在onload()周期函数里使用utils.formatTime()格式化时间。
onLoad: function (options) {
var dt = new Date();
this.setData({
nowtime:utils.formatTime(dt)
})
},
必须用相对路径。还有就是为什么是三个“..”，因为seaclass.js要网上三层才到根目录下，而utils文件夹是在根目录下的。

小程序，如果你会这两种方式，代码就简洁了，重复代码也少了

文章插图
【小程序，如果你会这两种方式，代码就简洁了，重复代码也少了】最后，在海鲜页面里显示格式化好的时间：

小程序，如果你会这两种方式，代码就简洁了，重复代码也少了

文章插图

小程序，如果你会这两种方式，代码就简洁了，重复代码也少了

文章插图

推荐阅读

上一篇：茉莉茶主要有什么牌子,玫瑰花茶到底是什么茶

下一篇：生姜黑茶能减肥吗,孕妇能喝玫瑰花茶吗