Javascript全局变量不会发生变化

Question

我在外部JavaScript文件中有以下代码：

var number = 1;
function doSomething() {
    alert(number);
    number++;
}

单击按钮时会调用

doSomething()。

但是，每次单击该按钮时，警报消息始终保持为1，number永远不会增加。如果我在警报之前放置number++;，警报每次都会显示2。

我还尝试将number定义为：var window.number = 1;和window.number = 1;但没有成功。

如何实际增加变量并将其存储在number中的函数外部？

Answer 1

鉴于对该问题的评论，我能想到的唯一解释是按钮是：

• 在表单中
• 提交按钮

单击它时，JavaScript运行，然后表单提交。

表单的操作可能是未定义的或""，因此会重新加载页面。

重新初始化JS，number重新设置为1。

• 使用type="button"代替type="submit" 或
• 删除表单或
• 阻止JS中的默认操作