val、let和const

一、var

var是ES5的语法，没有块级作用域；执行环境为上下文，也分全局作用域和局部（函数）作用域。

var a = 10;
function fun(){
	console.log(a);//当前的执行环境为fun函数的局部作用域，函数外部无法访问，函数内部才可以访问；var存在变量提升，所以这里输出undefined
	var a = 5; //假设这里去掉var，就是相当于定义了意外的全局变量，等价于window.a = 5；这时第一个console输出语句中a的值在fun局部作用域没有找到，就会向上级找，所以输出10；a=5将全局变量a覆盖，所以第二个console语句输出5
}
fun();
console.log(a)  //当前环境为全局作用域，所以输出10

在JavaScript中，由for语句创建的变量，即使在for循环执行结束后，也依旧会存在于循环外部的执行环境中。

for(var i = 0; i < 10; i++) {  
  var color = "blue";  
}
console.log(i); // 10 
console.log(color); // "blue"

二、let、const

不存在变量提升

console.log(foo); // var变量提升，输出undefined
console.log(bar); // let不存在变量提升，报错ReferenceError

var foo = 2;
let bar = 2;

暂时性死区（ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。）

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

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

// 报错
function () {
  let a = 10;
  var a = 1;
}

// 报错
function () {
  let a = 10;
  let a = 1;
}

块级作用域（function，for和if都是一个块级作用域；）

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}

const声明常量，一旦声明之后，值不能被更改；对于复合型的变量，const只是保证变量指向的地址不变，并不保证该地址的数据不变。

const foo = {}; //要想该对象的数据也不变的话，可以使用Object.freeze({})冻结。
foo.prop = 123;

foo.prop
// 123

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

三、顶层对象属性

顶层对象，在浏览器环境指的是window对象，在Node指的是global对象。ES5之中，顶层对象的属性与全局变量是等价的。这样会引起没法在编译时就报出变量未声明的错误，只有运行时才能知道。
ES6中let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性；不能用window访问。

四、global对象

• 浏览器里面，顶层对象是window，但 Node 和 Web Worker 没有window。
• 浏览器和 Web Worker里面，self也指向顶层对象，但是Node没有self。
• Node 里面，顶层对象是global，但其他环境都不支持。
• 同一段代码为了能够在各种环境，都能取到顶层对象，现在一般是使用this变量，但是有局限性

可以在各种环境下，取到顶层对象，并将这个对象作为global：
垫片库system.global模拟了这个提案，可以在所有环境拿到global。

// CommonJS的写法
require('system.global/shim')();

// ES6模块的写法
import shim from 'system.global/shim'; shim();
上面代码可以保证各种环境里面，global对象都是存在的。

// CommonJS的写法
var global = require('system.global')();

// ES6模块的写法
import getGlobal from 'system.global';
const global = getGlobal();
上面代码将顶层对象放入变量global。

总结：
准确来说，被{…}大花括号包起来的js都属于一个作用域。

• let,const都有块级作用域：function，for和if都是一个块级作用域；存在暂时性死区，不存在变量提升，不可以重复声明 。
• var 有全局作用域和函数（局部）作用域，变量提升；在for语句中var声明的变量相当于全局变量。