导入
任务
编写一个简单的 ES6 模块,并使用 Webpack 运行代码。
为了节省您的时间,我已将本教程的每一步都上传到了我的 GitHub 仓库。从这里获取副本。
代码模块化
代码模块化对于编写可维护的代码至关重要。ES6 模块提供了封装、打包和信息隐藏的解决方案。实现 模块模式 能够显著提升应用程序的结构质量。
金融账户模块
我们将创建一个表示金融账户的 ES6 模块。账户中的交易记录将存储在一个数组中。每笔交易包含以下属性:
- amount:以分为单位的整数。使用浮点数不可靠,例如先存入 0.1 元再存入 0.2 元,结果可能不是 0.3 元。
- date:以
"yyyy-MM-dd"格式表示的字符串。为简化处理,我们采用这种格式。如果您想尝试使用 Date 对象,或者只是想轻松一笑,可以阅读我关于 JavaScript 日期处理的文章!
接下来,我们将把这个 ES6 模块导入到另一个文件中,添加一些演示数据,并将其中金额最大的三笔交易填充到一个有序列表中。
现在,让我们开始完成这项任务。