摘要：函數(shù)提升在里有兩種方式創(chuàng)建函數(shù)，通過函數(shù)聲明和函數(shù)表達式。函數(shù)聲明用指定的參數(shù)來定義函數(shù)。提示不要在中進行函數(shù)聲明。問題輸出兩個都是用函數(shù)聲明的函數(shù)，將被提升到的局部作用域頂端。函數(shù)本身將作為函數(shù)聲明在全局范圍內(nèi)提升。

作者關(guān)于提升的話題，總共有兩篇。（后來又有一個討論篇），再次搬過來。水平有限，如果翻譯的不準確請包涵，并去看原文。下面開始：

這是我之前的關(guān)于“提升”的文章，標題為《用let，const來指導你的JavaScript變量提升》（中/英）的第二部分。因此在深入研究之前，請確保你已經(jīng)閱讀過第一部分。

之前我只討論過變量提升，是因為函數(shù)提升在JavaScript中與變量提升不同。它有自己的獨特方式。我將在這對函數(shù)進行擴展，以及在面試中面試官總會提問的“提升”（變量和函數(shù)）的棘手問題。

希望通過完成這兩部分，你能真的在你的JavaScript檢查清單中劃掉它。

讓我們開始吧。

在JavaScript里有兩種方式創(chuàng)建函數(shù)，通過函數(shù)聲明和函數(shù)表達式。那就看看這兩種方式是如何影響“提升”的。

用指定的參數(shù)來定義函數(shù)。
語法：

function name(param1, param2, ...) {
  [statements]
}

在JavaScript里，函數(shù)聲明提升函數(shù)定義。
因此，這些函數(shù)在被聲明之前便可以使用。
例子：

hoisted() // output: "Hoisted"

function hoisted() {
  console.log("Hoisted")
}

下面的例子，展示JavaScript編譯器如何看待上面的代碼：

// Hoisted code
function hoisted() {
  console.log("Hoisted")
}// Rest of the code
hoisted() // output: "Hoisted" 

如果你在全局作用域或者功能區(qū)作用域（在JavaScript里基本叫局部作用域）進行函數(shù)聲明，這個行為是真實的。
這非常有用，因為你能在代碼開頭使用高級邏輯，使其可讀與可理解。
提示：不要在“if/else”中進行函數(shù)聲明。

“function”關(guān)鍵字也能在一個表達式中定義一個函數(shù)。
語法:

const myFunction = function [name](param1, param2, ...) {
  [statements]
}

函數(shù)名是可選的，因此可以是匿名函數(shù)。我們可以用箭頭函數(shù)，如下所示：

const myFunction = (param1, param2, ...) => {
  [statements]
}

在JavaScript里，函數(shù)表達式?jīng)]有被提升。
因此，你不能使用函數(shù)表達式在定義它們之前。
例子：

notHoisted() // TypeError: notHoisted is not a function

const notHoisted = function() {
  console.log("foo")
}

關(guān)于函數(shù)創(chuàng)建中“提升”的部分，以上所有這些都要記住。
現(xiàn)在來看看面試問題!

“提升”的不穩(wěn)定行為一直是面試過程中的熱門問題。用之前和現(xiàn)在這兩篇文章的知識，可以解答這個話題中的任何問題。

var a = 1;

function b() {
  a = 10;
  return;

  function a() {}
}

b();
console.log(a);

輸出: 1, 這是為什么?! ?
這是因為“function a() {}”聲明被創(chuàng)建在“函數(shù)/局部”作用域中。這個新“a”函數(shù)在聲明和定義的時候被提升到它的封閉函數(shù)b的頂端。下面演示發(fā)生了什么：

var a = 1;

function b() {
  // Hoisted
  function a() {}

  a = 10;
  return;
}

b();

console.log(a)

因此，賦值a=10；不能改變?nèi)肿饔糜騛的值，任然是1，而是將局部a從函數(shù)改為整數(shù)10。
如果聲明函數(shù)a不在這，那將輸出10。

function foo(){
    function bar() {
        return 3;
    }
    return bar();
    function bar() {
        return 8;
    }
}
alert(foo());

輸出：8
兩個bar都是用函數(shù)聲明的函數(shù)，將被提升到foo的局部作用域頂端。

然而，返回8的bar()將晚于第一個返回3的提升。因此，這個返回8的函數(shù)將被執(zhí)行。

之后的場景：

function foo(){
    //Hoisted before
    function bar() {
        return 3;
    }
    // Hoisted after
    function bar() {
        return 8;
    }    return bar();
    
}
alert(foo());

function parent() {
    var hoisted = "I"m a variable";
    function hoisted() {
        return "I"m a function";
    }
    return hoisted(); 
}
console.log(parent());

輸出：“類型錯誤：hoisted不是一個函數(shù)”
這個很詭異。函數(shù) vs 變量！我們來分析下。
我們都知道，說到變量提升，只有聲明被提升（值是“undefined”），而不是定義！

如果是函數(shù)聲明的方式聲明函數(shù)，聲明和定義一并提升！
現(xiàn)在，如果是多個相同標識符聲明（變量和函數(shù)在同一作用域里）這樣的情況，這個變量的提升會直接忽略。

解釋器只聲明函數(shù)并提升它。

最終，這個聲明變量變量賦值被執(zhí)行（沒有被提升），且值分配給了被提升的函數(shù)，值“I‘m a variable” ，

這是一個簡單的字符串而不是函數(shù)。于是報錯了！

這后面的場景重現(xiàn)了問題：

function parent() {    // Function declaration hoisted with the definition
    function hoisted() {
        return "I"m a function";
    }    // Declaration ignored, assignment of a string
    hoisted = "I"m a variable";
    return hoisted(); 
}
console.log(parent()); 

alert(foo());
function foo() {
  var bar = function() {
    return 3;
  };
  return bar();
  var bar = function() {
    return 8;
  };
}

輸出：3
這個簡單。函數(shù)foo()本身將作為函數(shù)聲明在全局范圍內(nèi)提升。在函數(shù)foo里面，是兩個明確的函數(shù)表達式的例子。

編譯器不會提前讀取第二個函數(shù)bar() (沒有提升)。第一個將被執(zhí)行并返回。

var myVar = "foo";(function() {
  console.log("Original value was: " + myVar);
  var myVar = "bar";
  console.log("New value is: " + myVar);
})();

輸出： “Original value was: undefined”, “New value is: bar”

在這個例子中，全局變量myVar的值‘foo’出現(xiàn)在picture之外。這是因為變量myVar在函數(shù)作用域內(nèi)部聲明和定義，而且被提升到了IIFE的頂端，值是‘undefined’，他被首先記錄。然后將值“bar”分配并記錄下來。

這是我這里對JavaScript提升的總結(jié)。?

希望這兩篇（中/英）文章能對你有幫助。

如果你想學習箭頭函數(shù)和ES6其他相關(guān)的功能，請查看下面的文章。

Peace ??

至此，關(guān)于提升的兩篇文章結(jié)束了。后來一個讀者和作者就問題1和問題3產(chǎn)生了分歧。到時候也搬過來吧。