let和const命令

参考阮一峰的ES6入门:http://es6.ruanyifeng.com/#docs/let

一、let命令
let命令用来声明变量,用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效

{
 let a=10;
 var  b=1;
}
a;// ReferenceError: a is not defined.
b;//1
for循环的计数器就很合适使用let命令:
比如下面的代码如果使用var,最后输出的是10。
var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10
而如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6。

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

i是let声明的,当前i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。

不存在变量提升:所声明的变量一定要在声明后使用,否则报错。
暂时性死区:如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError
  let tmp; // TDZ结束
  console.log(tmp); // undefined
  tmp = 123;
  console.log(tmp); // 123
}
不允许重复声明:let不允许在相同作用域内,重复声明同一个变量。
二、块级作用域

  • 在内层作用域和外层作用域可以定义同名的变量。
  • 块级作用域可以任意嵌套:{{{{{let insane = 'Hello World'}}}}};
  • 函数声明:

ES6允许在块级作用域内声明函数。
函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
函数声明还会提升到所在的块级作用域的头部。

  • do表达式:可以得到整个块级作用域的返回值。
三、const表达式
const声明一个只读的常量。一旦声明,常量的值就不能改变。
注意:对于const来说,只声明不赋值,就会报错。
  • const的作用域与let命令相同:只在声明所在的块级作用域内有效。
  • const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。
  • const声明的常量,也与let一样不可重复声明。

const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变,所以将一个对象声明为常量必须非常小心。

const foo = {};
foo.prop = 123;

foo.prop
// 123

foo = {}; // TypeError: "foo" is read-only


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值