大佬教程收集整理的这篇文章主要介绍了深入理解ES6学习笔记之块级作用域绑定,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
众所周知,js中的var声明存在变量提升机制,因此EsmaScript 6引用了块级作用域来强化对变量生命周期的控制 let const 声明不会被提升,有几个需要注意的点
假设作用域中已经存在某个标识符(无论该标识符是通过var声明还是let、const变量声明),此时再使用let或const关键定声明会抛错
如果当前作用域内嵌另一个作用域,便可在内嵌的作用域中用let声明同名变量
像下面这样声明就会报错
JavaScript引擎在扫描代码发现变量声明时,要么将它们提升至作用域顶部(遇到var声明),要么将声明放到TDZ中(遇到let和const声明),访问TDZ中的变量会触发运行时错误,只有执行过变量声明语句后,变量才会从TDZ中移出,才能正常访问 如下代码就因为在if块级作用域内执行console.log时value已经在TDZ中了,以前typeof是一个相对不易出错的操作符,但其实也无法阻挡引擎抛出错误
在声明前访问块级绑定会导致错误,因为绑定在临时死区中
而在let声明的作用域外对该变量使用typeof则不会报错
之前在循环中创建函数都有些不可言状
因为循环内部创建的函数全部都保留了对相同变量的引用,循环结束时变量i的值为10,所以结果会输出10次10
于是大家会在循环中使用立即调用函数表达式,以强制生成计数器变量的副本,以便输出1、2、3......
有了let,立即调用函数表达式则可以简化,其实每次迭代循环都会创建一个新变量,并以之前迭代中同名变量的值将其初始化
这个特性同样适用于for in中,举例来说
上面的例子中把let换成const同样输出a b c
下面的这个例子则会报错,因为在for循环中更改了i的绑定而const常量不能更改绑定
当var被作用于全局作用域时,它会创建一个新的全局变量作用全局对象(浏览器环境中的window对象)的属性,这意味着用var很可能会无意中覆盖一个已经存在的全局变量
从上图代码中看出即便是全局对象RegExp Array都会被覆盖
但是let或const会在全局作用域下创建一个新的绑定,但该绑定不会添加为全局对象的属性,换句话说用let或const不能覆盖全局变量,而只能遮蔽它
这个时候的RegExp和window.RegExp是不相同的
const ncz='hi'
console.log(ncz)
console.log("ncz" in window)
默认使用let而不是var
默认使用COnst,只有确实需要改变变量的值时使用let
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持菜鸟教程。
以上是大佬教程为你收集整理的深入理解ES6学习笔记之块级作用域绑定全部内容,希望文章能够帮你解决深入理解ES6学习笔记之块级作用域绑定所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。