在JS中status用作变量名会产生的小Bug

项目场景：

最近闲来没事写了一个随机点名的界面，定义一个变量status，用来存bool值并赋初值为true，用来控制开始和停止按钮的切换。 

问题描述

点击按钮后，判断status的初始值为true，启动定时器，页面上的姓名开始不断切换，并且开始后把status的值设为false，再次点击按钮先判断status的值，status的值确实为false，但是并没有执行当status的值为false的时候该执行的代码，而是执行了status的值是true时才执行的代码，定时器也无法清除，导致随机点名的页面停不下来。

通过console.log(status)查看status的值。 

---

原因分析：

通过查阅相关资料发现status是window的一个属性，表示浏览器窗口的状态栏文本。当你在代码中使用 status 作为变量名时，可能会出现以下问题：

1. 覆盖 status 属性：如果你在代码中给 status 赋值，将会覆盖掉浏览器状态栏中原本的文本，导致用户无法看到原来的状态信息。

2. 无法获取 status 属性：同样的，如果你在代码中使用 status 作为变量名，那么你将无法获取到浏览器状态栏的文本，因为此时 status 已经被解释为你定义的变量。

3. 不同浏览器的行为不一：不同的浏览器对 status 属性的支持程度不同。例如，在某些浏览器中，如果你试图在非用户交互事件（例如计时器）中设置 status 属性，它将会被忽略。而在其他浏览器中，可能会直接抛出错误。

---

解决方案：

不使用status作为变量名，程序就可以正常执行了。

虽然 status 作为变量名不会导致语法错误，但建议避免使用它作为变量名，以免产生不可预期的问题。如果你需要一个类似的变量名，可以使用其他名称。