ES6学习笔记let和const命令

1. let命令

说明：let命令用于声明局部变量，只在let命令所在的代码块内有效（let所在的块级作用域内有效）。
块级作用域：我的理解是{ }包裹的区域属于一个块级作用域。
如：

{
    let a = 1;
    var b = 2;     //var 声明的变量是全局变量
}
console.log(a);     //a is not defined
console.log(b);    // 2

特点：
1.不存在变量提升
let命令与var命令不同，var命令存在变量提升的现象，即变量在声明之前使用时，值为undefined。而let命令变量在声明之前使用时，会报错。

// var 的情况
console.log(foo1); // 输出undefined
var foo1 = 5;

// let 的情况
console.log(foo2); // 报错ReferenceError
let foo2= 2;

2.let命令存在的块级作用域，它所声明的变量，不受外部的影响。

var tmp = 22;
if (true) {
  tmp = 'abc';     // ReferenceError
  let tmp;        //let 绑定了当前的块级作用域，在let 声明变量之前赋值，会报错
}

3.不允许重复声明同一个变量
在相同的作用域内，let命令不允许重复声明一个变量。

// 报错
function f() {
  let a = 10;
  var a = 1;
}
//不能在函数内部重新声明参数
function f(arg) {
  let arg; // 报错
}
function f(a) {
  {
    let a; // 不报错，let声明的a变量和函数参数a不在同一个作用域内
  }
}

2. const命令

说明：
const声明一个只读的变量。当这个变量是一个简单数据类型（数值、字符串、布尔值）时 ，值就不能被改变。

const PI = 3.14;
PI // 3.14
PI = 3;     // TypeError: Assignment to constant variable.

• const一旦声明，就必须初始化，不能以后赋值

const a;    // SyntaxError: Missing initializer in const declaration

const只在声明所在的块级作用域有效,同时声明的常量也不可以提升

if (true) {
  console.log(MAX);     // ReferenceError
  const MIN = 5;
}
console.log(MIN);     // Uncaught ReferenceError: MAX is not defined

const 声明的变量不可以重复声明

var message = "Hello!";
let aa = 25;
// 以下两行都会报错
const message = "Goodbye!";
const aa= 30;

本质：
上面说过const声明一个只读常量后，常量是一个具体的数值时不可改变。实际上是变量指向的那个内存地址不可改动，对于原始数据类型来说（数值、字符串、布尔值)，这个值就等同于常量。
对于对象类型的数据类型来说（主要是对象和数组），变量指向的是内存地址，固定的是指向这个内存地址的指针，它的数据结构可不能保证不变。

const foo = {};     //定义一个空对象
// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only 不能把foo指向另一个内存地址，const定义的指针是固定的

const arr = [];     //定义一个空数组
arr.push("aa");    //可执行
arr.length = 0;    //可执行
arr = ['dd'];    //报错 另一个数组，指针指向不同的内存地址

如果不想让const定义的对象添加新属性，可以使用Object.freeze方法将其冻结。

3. 顶层对象的属性

顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象。ES5 中，顶层对象的属性与全局变量是等价的。
es6中，var命令和function命令声明的全局变量，是顶层对象的属性；let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。

var a = 1;
window.a // 1
let b = 1;
window.b // undefined

4. global对象

在不同的环境里，顶层对象各不一样。
- 浏览器里面，顶层对象是window
- 浏览器和 Web Worker里面，self也指向顶层对象。
- Node 里面，顶层对象是global，其它环境不支持。
在全局环境中，使用this变量可以返回顶层对象，但是在Node和ES6中，this返回的是当前模块。