ES3、5和ES6中的变量提升区别

现在最新版本的浏览器
–> 向前兼容 ES3、5 规范
1.判断体和函数体等不存在块级上下文，上下文只有全局和私有
2.不论条件是否成立，带function的都要提前声明+定义
–> 向后兼容 ES6 规范
1.存在块级作用域，大括号中出现let、const、function…都会被认为是块级作用域
2.不论条件是否成立，带function的只提前声明，不会提前赋值了

块级作用域没有自己的this，用的是上下文中的 this (和箭头函数类似) 也没有arguments 更不会进行形参赋值
只有初始化作用域链 和 变量提升

因为要兼容 ES3、ES6 ，“function a() { }” 在全局下声明过，也在私有下处理过，遇到此行代码，私有下不会再处理，但是浏览器会把当前代码 “之前” ，所有对a的操作，映射给全局一份，以此来兼容ES3，但是它后面的代码和全局没有任何的关系

变量提升阶段 不论条件是否成立 带 var 的都要提前声明， 带 function 的都要提前声明加定义(赋值)
但是在新版本浏览器中 不论条件是否成立，带function的只提前声明，不会提前定义(赋值)了

var foo = 1;
function bar() {
    if (!foo) {
        var foo = 10;
    }
    console.log(foo);  // 10
}
bar();

var a = 0;
if (true) {
    a = 1;
    function a() { };
    a = 21;
    console.log(a)  // 21
}
console.log(a);  // 1

在IE10以下的浏览器中返回的结果都是 21