let var const

let 与 var的区别

在ES6中,新增了let来声明变量,那么它与var有什么区别呢?

  • 作用域不一样:用var声明变量,只有函数作用域和全局作用域,没有块级作用域,也就是说可以在代码块{}中使用,而let可以实现块级作用域,用let声明的变量,只能在{}中使用,在{}外部不能使用,


    图片.png
  • let没有变量提升:ES6规定,如果区块中含有let和const(定义常量)命令,这些区块对这些命令声明的变量,从一开始就形成了封闭作用域,凡在声明之前使用,就会报错,一句话,在代码块中,在用let声明变量之前,该变量是不可用的。这在语法上,称为“暂时性时区”(temporal dead zone,简称TDZ)


    图片.png
  • let变量不能重复声明:用var声明变量,比如定义了a = 1,重复定义a = 2,此时a = 2就会覆盖a = 1,而let不会,用let声明过的变量,不能在被声明


    图片.png
  • 循环作用域:在for循环中,不仅{}会产生块级作用域,()也会生成块级作用域,()作用域是{}作用域的父级作用域,var声明的变量,包括循环体内和循环体外,而let声明的变量作用域只在循环体内,循环体外的变量不受影响


    图片.png

const常量的声明

const声明一个只读变量,声明之后不能改变,意味着,一旦声明,必须初始化,而且不能被重新赋值和重新声明

用const声明常量,一般使用大写字母,关于上文的“暂时性死区”,同样适用于const,

图片.png

看上图,为什么NAME不能改变,而ARR可以改变呢?因为NAME是字符串,是基本数据类型;而ARR是数组,是引用数据类型,引用数据类型使用const声明时,只要保证内存地址不变就行了。看下图:

图片.png

因为ARR的地址变了,所以就报错了

如果想使引用类型也不能被修改,则使用Object.freeze()
图片.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • let基本用法 let所声明的变量,只在let命令所在的代码块内有效 for循环的计数器,就很合适使用let命令。...
    带头大哥orz阅读 374评论 0 0
  • let 与var 1.let 变量不能重复声明 ,var可以 以下代码重复对c进行声明并赋值,新的赋值结果覆盖旧的...
    窗外有小雨淅淅沥沥阅读 246评论 0 0
  • 块级作用域绑定的let const 为JavaScript引入了词法作用域,它们声明的变量不会提升,而且只可以在声...
    东篱英落阅读 335评论 0 0
  • let、var、const let定义的变量只在代码块里面生效,例如for循环用let去定义i,计数器i只在for...
    天才ok酱阅读 386评论 0 0
  • 前言 let和const命令是ES6新增的命令,用来声明变量,这两个变量跟ES5中的var有许多不同,同时let和...
    蛙哇阅读 258评论 0 2