EA&UML日拱一卒-微信小程序实战：位置闹铃 (15)-实现监控点状态迁移功能

简单地设计以后，就可以开始着手实现了。

接近监控点

enterAlarmCheck: function (distance, accuracy){
   if (this.state == 'ready') {
     //500m
     if (distance < 500) {
       this.checkBuffer.push(1)
     } else {
       this.checkBuffer.push(-1)
     }
     if (this.checkBuffer.length > CHECK_BUFFER_SIZE){
       this.checkBuffer.shift()
     }
     var sum = this.checkBuffer.reduce(function(x,y){return x + y}, 0)
     if (sum == CHECK_BUFFER_SIZE) {
       this.setState('armed')
     }
   } else if (this.state == 'armed') {
     //100m
     if (distance < 100) {
       this.checkBuffer.push(1)
     } else if (distance > 500) {
       this.checkBuffer.push(-1)
     }
     if (this.checkBuffer.length > CHECK_BUFFER_SIZE) {
       this.checkBuffer.shift()
     }
     var sum = this.checkBuffer.reduce(function (x, y) { return x + y }, 0)
     if (sum == CHECK_BUFFER_SIZE) {
       this.setState('fired')
     }else if (sum == -CHECK_BUFFER_SIZE) {
       this.setState('ready')
     }
   } else if (this.state == 'fired'){ //fired
     this.checkBuffer.push(1)
     if(this.checkBuffer.length == 10){
       this.setState('accepted')
     }
   } else{
     if (distance > 100) {
       this.checkBuffer.push(1)
     } else {
       this.checkBuffer.push(-1)
     }
     if (this.checkBuffer.length > CHECK_BUFFER_SIZE) {
       this.checkBuffer.shift()
     }
     var sum = this.checkBuffer.reduce(function (x, y) { return x + y }, 0)
     if (sum == CHECK_BUFFER_SIZE) {
       this.setState('ready')
     }
   }
 },

补充说明

代码中最难理解的恐怕不是状态迁移本身，而是数组的用法。这里简单地说明一下。

push：在数据最后添加元素

shift：从数组开头删除元素

reduce：函数本身可以提供上次操作的结果并逐一对每个元素进行操作，这里用作数组所有元素地求和。

再回头看一遍，相信程序很容易理解。

最新状态图

在实现状态迁移地过程中，对状态图也进行了适当地修改，以下是最新的状态图。

参考资料

数组用法

​​0基础学习微信小程序(12)-ECMAScript5数组操作方法​​

​​0基础学习微信小程序(11)-ECMAScript3数组操作方法​​

Alarm.js代码

​​​
​

​​https://raw.githubusercontent.com/xueweiguo/alarmmap/master/utils/alarm.js​​

写在文章的最后

阅读更多更新文章，请扫描下面二维码，关注微信公众号【面向对象思考】