一个关于JavaScript全局变量的比方

一路带领学生学习JavaScript,都讲到计时事件了。发现如果不讲清楚全局变量,便没办法把停止计时事件讲清楚。

clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量-----------菜鸟教程 JavaScript计时事件

便补充一下:

原本全局变量这个东西,在讲了函数后就应该介绍一下的,只是一直没有较好的应用场景,一直拖着。正好,借着这个机会,现讲现用。

举例1:

<script>function aa(){        var a=10;        alert(a);}function bb(){      alert(a);}</script>

在函数bb中就无法访问到a这个变量。

每一个花括号({})好比我们的一间教室,而这个a好比是老师我,现在老师在这间教室上课,隔壁班的学生能听到吗?

不能!

类比一下,所以这种情况为什么是错误的,就能够理解了。

现在,如果老师我跑出去,跑到广播室,大声地宣布:都去到操场,课不上了,请问隔壁班的能听到吗?

<script>

  var a=10;

functionaa(){

            alert(a);

      }

functionbb(){

      alert(a);

    }

</script>

能听到!

这种情况下,a就是一个全局变量!

这样比方之后,感觉学生大部分能理解了。但是出现了恶意抬杠的(感觉还是没理解透),问我这种情况a的值为什么变了:

<script>

ar a=10;

  function aa(){

var a=100;

  alert(a);

  }

  function bb(){

  alert(a);

  }

</script>

首先,函数aa里面的var 是多余的,有或者没有,一个意思。其次,这种情况好比:老师在广播里通知大家去操场, 回头又跑到你们班来说,不用去了。你们听哪一个?是去还是不去?

不去。

同样的道理,虽然全局变量的初始值是10,但是在函数里重新赋值为100,这个时候已经改变了变量的值。

学生进一步胡搅蛮缠:

<script>

  var a=10;

  function aa(){

var b=100;

  alert(a);

  }

  function bb(){

  alert(a);

  }

</script>

那这种情况呢?

好比老师在广播通知你们班接下来两节课到机房上,然后你们班主任跑到教室通知你们下午的卫生要好好打扫,你们听谁的?

班主任的!这一次异口同声。

我倒忘了这茬,反问,接下来两节课都不是她的,你们也听她的啊?

两个变量毫不相干,没有任何影响嘛。

全局变量就讲了这么多,觉得这个比方还算贴切,所以贴了出来……

随后在计时事件中完善代码,终于完成了停止功能,按下不表……



更多内容,欢迎关注个人微信公众号:互联网小白

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容