路带领学生学习JavaScript,都讲到计时事件了。发现如果不讲清楚全局变量,便没办法把停止计时事件讲清楚。
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量-----------菜鸟教程 JavaScript计时事件
便补充一下:
原本全局变量这个东西,在讲了函数后就应该介绍一下的,只是一直没有较好的应用场景,一直拖着。正好,借着这个机会,现讲现用。
举例1:
在函数bb中就无法访问到a这个变量。
每一个花括号({})好比我们的一间教室,而这个a好比是老师我,现在老师在这间教室上课,隔壁班的学生能听到吗?
不能!
类比一下,所以这种情况为什么是错误的,就能够理解了。
现在,如果老师我跑出去,跑到广播室,大声地宣布:都去到操场,课不上了,请问隔壁班的能听到吗?
能听到!
这种情况下,a就是一个全局变量!
这样比方之后,感觉学生大部分能理解了。但是出现了恶意抬杠的(感觉还是没理解透),问我这种情况a的值为什么变了:
首先,函数aa里面的var 是多余的,有或者没有,一个意思。其次,这种情况好比:老师在广播里通知大家去操场, 回头又跑到你们班来说,不用去了。你们听哪一个?是去还是不去?
不去。
同样的道理,虽然全局变量的初始值是10,但是在函数里重新赋值为100,这个时候已经改变了变量的值。
学生进一步胡搅蛮缠:
那这种情况呢?
好比老师在广播通知你们班接下来两节课到机房上,然后你们班主任跑到教室通知你们下午的卫生要好好打扫,你们听谁的?
班主任的!这一次异口同声。
我倒忘了这茬,反问,接下来两节课都不是她的,你们也听她的啊?
两个变量毫不相干,没有任何影响嘛。
全局变量就讲了这么多,觉得这个比方还算贴切,所以贴了出来……
随后在计时事件中完善代码,终于完成了停止功能,按下不表……
我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取
作者:yulele
链接:https://www.jianshu.com/p/06e8f6a2fb65