本博文配合 阮一峰 《es6 标准入门(第3版)》一书进行简要概述 es6 中的 let 与 const。
由于 js es3语法中的 var
提升变量、没有块级作用域,因而搞出来了一大波的 "副产品",匿名立即执行函数、闭包,都是 es3 js 遗留下来的产物。
所以学过 c 和 python 再来看 js ,会感觉很奇怪。
因为 es6 之前,没有块级作用域,只有通过立即执行函数+闭包的方式造一个局部函数作用域。
let
的出现解决了 js 曾经没有块级作用域的问题,即终于在 js 中出现了正常思维逻辑的语法糖... 即 {}
划分作用域,要想使用变量,必须let
声明过该变量。
{ let a = 1 console.log(a) }
如果在 {}
外使用变量,就会报错,因为let
在{}
中声明的是局部变量,仅供这个块级作用域使用。
{ let a = 1 } console.log(a) //报错
这难道不应该是正常的一种使用习惯么?
然而经常使用 var
es3 语法的 js 程序员反而会觉得这种用法奇怪 ...
用法和let
几乎一致,唯一不同的是const
只要一次赋值的机会。
{ let a = 1 console.log(a) //1 a = 2 console.log(a) //2 }
{ const a = 1 console.log(a) //1 a = 2 console.log(a) //报错 }
let
let
的作用域在最近的{}
之间let a
之前使用变量 a
,那么报错let a
,那么报错const
let
的前面三条
如对本文有疑问, 点击进行留言回复!!
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git
html+css+js适合前端小白的实战全解(超详细)——2048小游戏(二)
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
网友评论