ES6 入门:let

let

1.不允许重复声明变量名

let a = 222;
var a = 2;
console.log(a);

运行导致报错:
Uncaught SyntaxError: Identifier 'a' has already been declared
a 已经被声明过

2.let 拥有块级作用域

{
  let a = 9;
}

报错:
Uncaught ReferenceError: a is not defined
a 未被定义

{
  var a = 0;
}
console.log(a);

运行结果:0

结论:块级作用域是 letconst 独有的,var声明的变量是不存在块级作用域的。

3.不存在变量提升
在了解过预编译后,我们知道,JS 运行前会进行全文扫描,将变量和函数声明进行提升。但仅针对用var关键字声明的变量。ES6 中加入的letconst关键字声明的变量将不会参与预编译!

console.log(b); //undefined
var b = 2;
console.log(a); //Uncaught ReferenceError: Cannot access 'a' before initialization
let a = 1;

4.暂时性死区
if(){}和 for(){}的花括号都属于块级作用域,当块级作用域中存在 let 或 const 声明的变量时,如果在 let 或 const 之前进行对变量的操作,都会报错。

var t = 9;
for (var i = 1; i < 2; i++) {
  console.log(t);
  let t;
}

按照我们以前的理解,这时在 for 块级作用域中,t 还未被声明,我们以为会去向上找到全局中的 t=9,但运行结果Uncaught ReferenceError: Cannot access 't' before initialization

这是因为只要块级作用域内存在 let 命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

验证一下,函数作用域中,是否会出现这种影响呢?

var a = 9;
function fn() {
  console.log(a);
  let a;
}
fn(); //Uncaught ReferenceError: Cannot access 't' before initialization

同样报错。
通过上面代码,我们可以得到一个结论:块级作用域 ⊇ 函数作用域

块级作用域的定义是这样的:任何一对花括号{ }中的语句集都属于一个块,我们称之为块级作用域。在这之中定义的 let 与 const 变量在代码块外都是不可见的。

现在进行编程时,我们需要养成良好的习惯,先声明再使用。
另外,还有一个需要注意的地方。ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。

if (true) let x = 1;

运行报错:
Uncaught SyntaxError: Lexical declaration cannot appear in a single-statement context
词汇声明不能出现在单个语句上下文中

正确写法:

if (true) {
  let x = 1;
}

在严格模式下的函数声明也是

'use strict';
if (true)
  function fn() {
    return 1;
  }

报错:
Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or inside a block.

正确写法:

'use strict';
if (true) {
  function fn() {
    return 1;
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值