js變量提升與函數提升的機制

fasss 發布于2019-08-21 15:20 / 966人閱讀

摘要：所謂變量提升，提升就是為了事先聲明變量。變量提升之后，但其賦值還是留在原本的位置等運行到了之后動態賦值，而函數提升之后直接相當于在代碼里抽空了。搞明白這個例子也就搞懂了作用域中變量和函數是怎么提升的。

問題

在這個例子中它應該輸出什么？輸出的結果是6。

這個例子中它又該輸出什么？輸出的結果是a()，也就是輸出了函數指針a。

這雖然是個變量和函數提升的問題，但是這兩者到底是怎么提升的？

js是怎么創建變量的

var a=1;
var b=2;

這是不是聲明了變量就立馬接著給聲明的變量賦值了？

js解析這個代碼時，它實際上是按照如下方式解析的

var a;
var b;
a=1;
b=2;

也就是js會先把所有變量都聲明好了之后，然后才進行賦值，并不是聲明一個變量就賦值，再聲明一個再賦值。js所謂變量提升，提升就是為了事先聲明變量。

上圖中左邊的例子，js解析時候是按照按照右邊的代碼解析的。js會把所有變量都集中提升到作用域頂部事先聲明好，但是它賦值就就并不是像變量聲明那樣集中著一個個挨著賦值。原本書寫賦值時寫在哪里，那么js解析運行到那一行之后才會進行賦值，還沒有運行到的就不會事先賦值。也就是變量會事先聲明，但是變量不會事先賦值。

函數和變量都提升時，誰提到前面誰提到后面

在作用域中，不管變量和函數寫在什么位置，所有變量會被整體提升到作用域頂部，所有函數也會被整體提升到作用域頂部，但是函數整體在變量整體的后面。

從這個例子中可以看到，變量和函數都整體提升后，函數整體在變量的后面。變量提升之后，但其賦值還是留在原本的位置等js運行到了之后動態賦值，而函數提升之后直接相當于在代碼里抽空了。

在這個更復雜一點的例子中，變量和函數提升后，js實際上就把它轉變為了右邊的代碼在運行。

搞明白這個例子也就搞懂了作用域中變量和函數是怎么提升的。

結語

回到開頭的兩個問題

它們各自被js轉換后如上

一個思考題，這個例子該輸出什么？

“提升”的本質就是為了事先聲明變量和函數，當然函數只有聲明式函數才會被提升，字面量函數不會被提升。這種提升就是存在于作用域中，包括全局作用域、函數作用域（閉包形成的作用域也是個函數作用域），總之都是在作用域中聲明變量和函數時，會提升到作用域頂部，進行事先聲明。

GPU云服務器云服務器 js變量聲明提升使用cdn加速.把靜態資源cdn化.更能大大的提升速度網速提升提升帶寬

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88164.html

Js基礎知識（三） - 作用域與閉包

摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。作用域與閉包如何用js創建10個button標簽，點擊每個按鈕時打印按鈕對應的序號？看到上述問題，如果你能看出來這個問題實質上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

lemanli 2019-08-30 13:53 評論0 收藏0
Js基礎知識（三） - 作用域與閉包

摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。作用域與閉包如何用js創建10個button標簽，點擊每個按鈕時打印按鈕對應的序號？看到上述問題，如果你能看出來這個問題實質上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

XFLY 2019-08-26 11:35 評論0 收藏0
Js基礎知識（三） - 作用域與閉包

摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。作用域與閉包如何用js創建10個button標簽，點擊每個按鈕時打印按鈕對應的序號？看到上述問題，如果你能看出來這個問題實質上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

tanglijun 2019-08-01 18:30 評論0 收藏0
Js基礎知識（三） - 作用域與閉包

摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。作用域與閉包如何用js創建10個button標簽，點擊每個按鈕時打印按鈕對應的序號？看到上述問題，如果你能看出來這個問題實質上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

lmxdawn 2019-08-15 13:55 評論0 收藏0