ES6 - 块级绑定

xiaoxiao2021-02-28  127

一直对于var、let、const声明的关系和区别都不是很明确,最近在《Understanding ECMAScript6》阅读时,其对于这三者的阐述还是比较清晰的(第一章 块级绑定),特此对这一章简单概括一下(继续阅读之后会对后续章节编写相关心得)

首先看下var、let、const的区别

对比项varletconst是否需要初始化××√变量提升√××重复定义√××可修改√√× (当const声明的是一个对象时,其属性是可以被修改的)

注意点

使用let和const声明的变量,试图在定义之前使用它,都会抛出引用错误 for(var i = 0; i < 10; i++){ // do something } console.log(i) // 10 循环中,变量i在循环结束后依旧可以访问(变量提升),这并不是我们的预期,因此此时需要使用let来声明变量i,使其只在循环内部可用,其他位置皆不可以访问 var funcs = [] for(var i = 0; i < 10; i++){ funcs.push(function(){ console.log(i) }) } funcs.forEach(function(func){ func() }) // 输出'10'十次 funcs中函数都拥有对于同一变量i的引用,因此在调用时,访问的都是循环结束后的i,同样,使用let可解决此类问题(同样适用for-in和for-of)当在全局作用域上使用var时,它会创建一个新的全局变量,并成为全局对象(浏览器中是window)的一个属性,所以var可能会无意覆盖一个已有的全局属性,let与const不会导致这种情况

块级绑定的最佳实践

在默认情况下使用const,而只在你知道变量需要被改变的情况下才使用let。这在代码中能确保基本层次的不可变性,有助于防止某些类型的错误
转载请注明原文地址: https://www.6miu.com/read-18352.html

最新回复(0)