function test() {
    console.log('test');
}
test();
// 上面能執(zhí)行 
// 
test1();

function test1() {
    console.log('test1');
}
// 也能執(zhí)行，因?yàn)橛蓄A(yù)編譯的存在 發(fā)生了函數(shù)聲明提升
var a = 123;
console.log(a); // 123 
// 
console.log(b); //undefiend
var b = 123;

// 要明白 聲明 和 賦值 
var a = 123 //這句話其實(shí)兩步 聲明變量 和 變量賦值
// 可以拆解成下面這樣
var a;
a = 123
// 未經(jīng)聲明的變量就賦值 歸全局對(duì)象
b = 10
// b=10 => window.b=10

// 
function fn(a) {
    console.log(a); //function a() {}
    var a = 123;
    console.log(a); //123
    function a() {}
    console.log(a); // 123
    var b = function() {}
    console.log(b); //function b() {}
    function d() {}
}
fn(1);

console.log(test); // function test(test){...}
function test(test) {
    console.log(test); // fuction test () {}
    var test = 234;
    console.log(test);
    234

    function test() {}
}
test(1);
var test = 123;
// 下面是模擬的流程
// 經(jīng)過 go 三部曲 變成下面這樣
// 創(chuàng)建 GO ={
//   test : function test(test){...}
// }
// test(1) 執(zhí)行
// 經(jīng)過函數(shù)預(yù)編譯四步
// 創(chuàng)建 AO ={
//  test:function test() {}
// }

// 根據(jù) ES5 的規(guī)定都是非法的。 在現(xiàn)在es6的執(zhí)行環(huán)境中 {}是塊級(jí)作用域 
// 這就矛盾了es5明確規(guī)定 函數(shù)只能在頂層作用域和函數(shù)作用域之中聲明，不能在塊級(jí)作用域聲明。

// 情況一
if (true) {
    function f() {}
}
// 情況二
try {
    function f() {}
} catch (e) {
    // ...
}

//  ES5 環(huán)境中運(yùn)行
function f() {
    console.log('I am outside!');
}
(function() {
    if (false) { //不管這里是true還是false 結(jié)果一樣的 發(fā)生預(yù)編譯的時(shí)候不管執(zhí)行條件
        // 重復(fù)聲明一次函數(shù)f
        function f() {
            console.log('I am inside!');
        }
    }

    f(); //會(huì)得到“I am inside!”，
}());

// 瀏覽器的 ES6 環(huán)境
console.log(foo);
if (false) {
    function foo() {
        return 1;
    }
}
// 在 Chrome 里：
// 'foo' 變量名被提升，但是 typeof foo 為 undefined
//
// 在 Firefox 里：
// 'foo' 變量名被提升。但是 typeof foo 為 undefined
//
// 在 Edge 里：
// 'foo' 變量名未被提升。而且 typeof foo 為 undefined
//
// 在 Safari 里：
// 'foo' 變量名被提升。而且 typeof foo 為 function

// 瀏覽器的 ES6 環(huán)境
// 根據(jù)下面 規(guī)則只對(duì) ES6 的瀏覽器實(shí)現(xiàn)有效 分析
function f() {
    console.log('I am outside!');
}
(function() {
    // 函數(shù)作用域 AO { f = undefiend} 這里是if里面的函數(shù)提升上來的
    if (false) { //false true都不影響提升
        //es6 {} 這是一個(gè)塊級(jí)作用域了 因?yàn)閴K級(jí)作用域內(nèi)聲明的函數(shù)類似于let
        // 重復(fù)聲明一次函數(shù)f
        // 塊作用域  預(yù)編譯 AO{ f:function f() {...}}
        function f() {
            console.log('I am inside!');
        }
    }
    // 這里為什么會(huì)報(bào)錯(cuò) 如果改變了塊級(jí)作用域內(nèi)聲明的函數(shù)的處理規(guī)則，顯然會(huì)對(duì)老代碼產(chǎn)生很大影響。為了減輕因此產(chǎn)生的不兼容問題，ES6 在附錄 B里面規(guī)定，瀏覽器的實(shí)現(xiàn)可以不遵守上面的規(guī)定，有自己的行為方式。
    f(); //報(bào)錯(cuò) Uncaught TypeError: f is not a function  當(dāng)執(zhí)行到這里的時(shí)候 由于if是flase 沒有執(zhí)行到f函數(shù)聲明語句 不會(huì)吧 塊里面的f 賦值到 函數(shù)作用域里面的 f  所以執(zhí)行函數(shù)作用域f報(bào)錯(cuò)
}());

// 例1
// GO={a:undefiend}
var a = 0;
// GO={a:0}
console.log("1 a:", a); //0
// GO:{a=1} 是if里面執(zhí)行到 定義function a() {} 的時(shí)候更改的
if (true) {
    // AO={a:function a() {}}
    a = 1;
    //  AO={a:1}
    function a() {} //當(dāng)執(zhí)行到這一步的時(shí)候 將當(dāng)前塊作用域的 a = 1  賦值給 全局作用域的 a 
    //  AO={a:1}
    //  GO:{a=1}
    a = 5;
    //  AO={a:5}
    console.log("2 a:", a); //5
}
console.log("3 a:", a); //1

// 例2
var a = 0;
console.log("1 a:", a); //0
if (true) {
    a = 1;
    a = 5;
    console.log("2 a:", a); //5
    function a() {}
}
console.log("3 a:", a); //5

// 例3
var a = 0;
console.log("1 a:", a); //0
if (true) {
    function a() {}
    a = 1;
    a = 5;
    console.log("2 a:", a); //5
}
console.log("3 a:", a); //function a {}

// 例4
// GO={a:undefiend}
console.log("1 a:", a); //undefiend
// GO={a:function a() {} } 是if里面執(zhí)行到 定義function a() {} 的時(shí)候更改的
if (true) {
    // AO={a: function a() {} }
    function a() {} //執(zhí)行到這里 改變GO={a=AO.a=function a() {}}
    a = 1;
    // AO={a: 1 }
    a = 5;
    // AO={a: 5 }
    console.log("2 a:", a); //5
}
console.log("3 a:", a); //function a {}

// 例5 - 里面是var聲明不是函數(shù) 
// GO={a:undefiend}
console.log("1 a:", a); //undefiend
// GO:{a=1} 是if里面執(zhí)行到 var a; 的時(shí)候更改的
if (true) {
    // AO={a:undefind}
    a = 1;
    //  AO={a:1}
    var a; //當(dāng)執(zhí)行到這一步的時(shí)候 將當(dāng)前塊作用域的 a = 1  賦值給 全局作用域的 a 
    //  AO={a:1}
    a = 5;
    //  AO={a:5}
    console.log("2 a:", a); //5
}
console.log("3 a:", a); //1

// 例6 - 里面是var聲明不是函數(shù) 
// GO={a:undefiend}
console.log("1 a:", a); //undefiend
if (false) { //false 走不進(jìn)來 只是預(yù)編譯的時(shí)候?qū)?var a 提升到塊頂部和全局頂部
    // AO={a:undefind}
    a = 1;
    var a;
    a = 5;
    console.log("2 a:", a); //5
}
console.log("3 a:", a); //undefiend