js实现扫雷小程序的示例代码

初学javascript，写了一个扫雷程序练练手！

扫雷规则及功能

扫雷想必大家都不陌生，就是windows上点击排雷的小游戏，它的主要规则有

1.左键点击显示当前格子是否为雷，如果为雷的话，GameOver啦，如果不是雷的话，这个格子会显示周围八个格子内的雷数量。
2.鼠标右键标记，标记可能的雷，标记了之后取消需要再次右键点击该格子，左键无效果。
3.鼠标中键（滚轮）按下后，快捷扫雷（如果周围雷数和未被标记且未被翻开的格子相等，会将这些格子一并翻开）

主要功能基本完全复刻了windows7扫雷的功能

扫雷github地址：扫雷github地址

扫雷算法

1.首先我定义了一个构造函数,里面是一系列的属性：

2.在页面上创建扫雷的界面 函数buildTiles：

3.绑事件函数：

4.点击调用的函数：

5.布雷：我之前的布雷是在页面加载在buildTiles()的时候布雷的，但是这样会导致有可能你电机的第一个格子就是雷（游戏性不强），后来修改到第一次点击完成之后布雷（确保第一下点的不是雷），避开直接炸死的现象.所以把调用放在后面的event后触发的changeStyle函数中

6.存储周围格子的函数：

7.showAll函数：作用是如果该格子周围没有雷，自动翻开周围8个格子，然后再判断周围八个格子的周围8隔格子是否有雷，利用了递归的方法

8.show_zj函数：主要是中键按钮的作用中键点击后的函数，这里的show_zj1是鼠标键按下后的显示效果，
show_zj2函数就是

9.结束判断：

10.结束后的显示函数：

11 统计信息：还是比较全的和windows7扫雷版的判断项目是一样的，使用的是每次结束游戏后将数据存入localStorage中，

扫雷的主要部分就是这些了，还有一些小功能包括没写来，要看完整的可以看gitHub

之前看书学习总觉得学了就忘，感觉懂了公式却不知道怎么用，写完扫雷小程序觉得收获了很多

相关推荐：

最全JavaScript学习总结

JavaScript体验异步更好的解决办法分享

JavaScript实现多重继承实例详解

以上就是js实现扫雷小程序的示例代码的详细内容，更多请关注Gxl网其它相关文章！