HarmonyOS 鸿蒙Next 应用开发：鸿蒙Js实战，计算器功能开发

HarmonyOS 鸿蒙Next 应用开发：鸿蒙Js实战，计算器功能开发 几天没有更新了，最近上班有点忙，没有及时更新一些常用知识点。鉴于之前整理的都是一些原理知识点，大部分描述比较多，突然想到做一个小项目，看还没有鸿蒙js实现计算器的项目，就用半个小时考虑做了一个计算器。

由于时间有限，目前是基本的计算功能，后续会优化成连续计算和功能更全面。

每天学习一点点。

场景：

通过动态设置按钮组件button实现计算器的键盘，通过文本text显示计算的表达书，可以计算+，-，*，/，可以一个一个移除，可以重置 等。

下面我们开始今天的文章，还是老规矩，通过如下几点来说：

1. 实现思路
2. 代码解析
3. 实现效果
4. 总结

一，实现思路

计算器的键盘，本来是想使用grid的 但是有一些默认属性不好控制，等后续组件完善了在做优化，目前grid适合一些均衡布局，通过监听计算符号添加判断逻辑，计算结果也是通过添加的计算类型进行计算，目前支持一级计算，后面做连续计算。

二，代码解析

子组件：

1. hml文件 实用了四个for循环实现了键盘效果，后面想了一下其实一个就能搞定，动态换行就行，时间有限后续优化(总感觉计算器挺简单，其实做起来还需要点时间)

为了目前的单一计算，现在做了不少的判断，后续做连续计算的时候会有改动，但是目前正常计算没有问题，期待后续更新。

三，实现效果

四，总结

开发计算器最主要的是连续计算，连续计算需要添加计算优先级逻辑，后续考虑通过遍历来判断里面的计算。

计算器界面开发通过常用组件就能实现，实现方式可以自己定。

在开发中验证了NaN，这个空的判断很多方式无效的，他是针对Number做的判断。

功能简单，不喜勿喷。

原创不易，有用就关注一下。要是帮到了你 就给个点赞吧，多谢支持。

觉得不错的小伙伴，记得帮我 点个赞和关注哟，笔芯笔芯~

有问题请留言或者私信。