浅淡的写写对块级作用域的理解
1:JavaScript的历史
通过预览js的发展史我们可以了解到作用域的发展历史,详细内容可以到阮一峰老师的博客下查阅。
2:什么是作用域
非常简单的谈一谈,为什么是非常简单的呢?因为作用域还牵扯到浏览器引擎的执行机制等问题,这些在下就不是很懂。我在这里就做一个很浅淡的总结吧。
作用域说白了就是一段代码的名字是否有效,这个名字可使用的范围,这个范围就是这个名字的作用域,实际从字面上的理解就是变量的作用范围。
3:为什么要有作用域
有了解过js的同学都知道ES5中还是没有块级作用域的的这个概念的,只有全局作用域,和函数作用域。之前js中定一个一个变量都是使用var,也就是全局定义一个变量,那么他的作用域自然就是全局的,弊端就出来了:
- 如果不是很了解js,使用了js内部已经定义好的名字,就会造成一个全局污染。
- 一个不小心定义了一个相同名称的变量,那么之前定义的就会被覆盖掉。
- 再来一个不小心,函数内层的变量会覆盖掉外层的变量。
- 会造成循环时定义的变量泄漏为全局变量,大大的影响性能。
因为不止我所赘述的原因就诞生了块级作用域。
js的命名方式可以点击这里查看
4:如何使用块级作用域
块级作用域的诞生,也催生了另外两个定义变量的方法:let,const
至于var let const 的区别有许许多多的大佬,前辈做了很详细的总结,可自行查阅。
let:定义一个变量,允许被改变,只作用于被定义时的作用域下
const:定义一个变量,不允许被改变,只作用于被定义时的作用域下
var:定义一个变量,允许被改变,作用于全局作用域
块级作用域的诞生仍然保留var的特性,仍然是定义一个全局变量
5:块级作用域的使用
- ES6允许块级作用域任意嵌套
- 内层作用域可以定义外层作用域的同名变量,可以访问外层作用域的变量,但是外层无法使用内存的变量。
- 块级作用域的诞生使立即执行函数表达式不再必要
浏览器: - 允许在块级作用域内声明函数,但只在ES6里有效
以上是鄙人个人对块级作用域的理解做了一个总结,很浅淡。如果有什么错误的地方欢迎各路大佬批评指正。