函数之外的Javascript变量？

Question

1| <script type="text/javascript">
2|    function more() {
3|          $("#innerSub2").animate({ scrollTop: "+=240px" },1000);
4|          var count = 1;
5|          document.getElementById("dot" +count).style.color="#c7c9e9";
6|          var count = count + 1;
7|          document.getElementById("dot" +count).style.color="#6464c1";
8|        }
9|     </script>

Helo，我是 javascript 的新手。很抱歉，如果这是一个愚蠢的问题。
在第一次点击事件中，变量按照我的需要工作(第 5 行，count=1)(第 7 行，count=2)
但是在第二次点击事件中我需要(第 5 行，count=2)(第 7 行，count=3)但是正如你所看到的，它在第 4 行重置为 1。
那么问题来了，我该如何声明 |变量计数 = 1； |在函数 more() 之外，所以它不会重置我的变量？或者如果有任何其他方法可以做到这一点..
另外，如果有办法阻止变量计数超过 3，请分享
谢谢

Answer 1

你可以在你的函数之外定义一个变量，所以它不会被删除，这样你的变量的范围将是全局的，有很多全局变量被认为不是一个好习惯你可以了解更多关于范围和本书中的 javascript/jquery 基础知识 http://jqfundamentals.com/book/index.html#example-2.44

<script type="text/javascript">
   var count = 1;
   function more() {
         $("#innerSub2").animate({ scrollTop: "+=240px" },1000);          
         document.getElementById("dot" +count).style.color="#c7c9e9";
         count = count + 1; //removed the var word.
         document.getElementById("dot" +count).style.color="#6464c1";
       }
</script>