ES6学习笔记--块级绑定

var变量与变量提升

使用var关键字声明的变量,无论其实际声明位置在何处,都会被视为声明于所在函数的顶部(如果声明不在任意函数内,则被视为在全局作用域的顶部)。这就是所谓的变量提升(hoisting)

clipboard.png

后台实际上会转化成这样

clipboard.png

value变量的声明被提升到了顶部,而初始化工作则保留在原处。这以为着在else分支value的变量也是可访问的,此处它的值会是undefined,因为它并没有被初始化。

块级声明

块级声明也就是让所声明的变量在指定快的作用域外无法被访问。块级作用域在如下情况被创建;
1 在一个函数内部
2 在一个代码块(由一对花括号包裹)内部

let声明语法域var语法一致

clipboard.png

let声明没有被提升到函数定义的顶部,这样使用会报

clipboard.png

上面就是块级作用域的基本使用。下面会带来一点let和var特别的地方

禁止重复声明

如果一个标识符已经在代码块内部被定义,那么在此代码块内使用同一个标识符进行let声明就会导致抛出错误

clipboard.png
上面会报错,但是var声明是不会的

clipboard.png
不在同一级别声明变量,不会报错,这个新变量会屏蔽全局的
count变量,从而在局部阻止对于后者的访问。

常量声明

const常量,它们的值在被设置完成后就不能再被改变,所有的const变量都需要在声明试进行初始化。

clipboard.png

对比常量声明与let声明
1 常量声明与let声明,都是块级声明。这意味着常量在声明它们的语句块外部是无法访问的,并且声明也不会被提升
2 const变量和let另一个相似的地方,也是禁止重复声明

使用const声明对象
const声明会阻止对于变量绑定与变量本身自身值的修改,这意味着const声明并不会阻止对变量成员的修改

clipboard.png

记住:const阻止的是变量绑定的修改,而不是阻止对成员值的修改。

暂时性死区

使用let或const声明的变量,在达到声明处之前都是无法访问的,试图访问会导致一个引用错误,即使在通常是安全的操作时(例如使用typeof运算符),也是如此

clipboard.png

块级作用域最需要使用的场景1-循环中的块级绑定

clipboard.png

clipboard.png
对比var let明显使用let符合我们的使用期望。

块级作用域最需要使用的场景2-循环内的函数

clipboard.png

上述原因因为变量i在循环的每次迭代被共享了(没有块级作用域)
为了修正这个问题,开发者在循环内使用立即调用函数表达式,以便在每次迭代中强制创建变量的一个新副本

clipboard.png

幸运的是使用let完美解决这个问题

clipboard.png
let每次使用完,就销毁重新创建。

clipboard.png

循环内的常量声明

在常规的for循环中,你可以初始化时使用const。但循环会在试图改变该变量的值时抛出错误。

clipboard.png

BUT!!!!!!!!!!!!!
const变量在for-in或for-of循环中使用时,与let变量效果相同。

clipboard.png

最后一点---全局块级绑定

let与const不同于var的另一个方面是在全局作用域上的表现。当在全局作用域上使用var时,它会创建一个新的全局变量,并成为全局对象(在浏览器中是window)的一个属性,这意味着使用var可能会无意覆盖一个已有的全局属性

clipboard.png

然而若你在全局作用域上使用let或者const。虽然在全局作用域上会创建新的绑定,但不会有任何属性被添加到全局对象上。这也就意味着你不能使用let或const来覆盖一个全局变量,你只能将其屏蔽。

clipboard.png

块级绑定新的最佳实践

在es6的发展阶段,被广泛认可的变量声明方式是:默认情况下应当使用let而不是var。对于多数js开发者来说,let的行为方式正式var本应有的方式,因此直接用let代替var更符合逻辑。

然而随着更多的开发者迁移到es6上,一种代替方案变得更为流行。那就是默认情况下使用const,并且只在知道变量值需要被更改的情况下才使用let。其理论依据是大部分变量在初始化之后都不应当被修改,以为预期外的改动是bug的源头之一。

总结

let 与 const 块级绑定将词法作用域引入js。这两种声明方式都不会进行提升。并且只会在声明它们的代码块内部存在。由于变量能够再必要位置被准确声明,其表现更加接近其他语言,并且能减少无心错误的产生,作为一个副作用,你不能在变量声明位置之前访问它们,即便使用的是typeof 这样的安全运算符,由于块级绑定存在暂时性死区,试图在声明位置之前访问它就会导致错误。

let与const的表现在很多情况下都相似与var ,然后在循环中就不是这样,在for-in与for-of循环中。let与const都能每一次迭代时创建一个新的绑定,这意味着在循环体内创建的函数可以使用当前迭代所绑定的循环变量值(而不是像使用var那样,统一使用循环结束时的变量值)。这一点在for循环中使用let声明时也成立,不过在for循环中使用const声明则会导致错误。

块级绑定当前的最佳实践就是:在默认情况下使用const.而只在你知道变量值需要被更改的情况下才使用let。这在代码中能够确保基本层次的不可变性,有助于防止某些类型的错误。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值