JavaScript保存并运算页面中数字类型变量的写法

之前在html页面嵌入一段如下javascript片段，但是在单击一个按钮的时候会对i值加一，但是两次单击之后，i的初始值没变。
代码如下:
<script language=javascript>
      var i=2;
</script>

后来把变量声明在一个test对象里面，如下代码。这样每次变更test.i之后，test.i的值就可以保存下来
代码如下:
<script language=javascript>
      var test={};
      test.i=2;
</script>