JavaScript變量提升：函數提升要比變量提升更猛

yanest 發布于2019-08-23 11:55 / 1772人閱讀

摘要：殊不知不只有聲明才會提前，以這種形式聲明的函數，會被提升到作用域的最最頂部，然后再是變量的提升。具體請看下面例子足以說明函數提升的更兇一些。

今天，又由一到題目引發了一場我跟JS基礎的較量：首先是

var getName = function(){alert(1)};
function getName(){alert(2)};

getName();// 1

function getName(){alert(2)};
var getName = function(){alert(1)};

getName();// 1

為什么我調換聲明順序，結果還是輸出以 var 形式聲明的函數的值？
有人回答我說 "啊，變量提升呀..."，我最開始的理解，就算變量提升，第一種情況提升之后，應該是這樣啊：

var getName;
getName = function(){alert(1)};
function getName(){alert(2)};

最后應該輸出 2 才對啊(很理直氣壯)。
殊不知不只有var聲明才會提前，以function fn(){}這種形式聲明的函數，會被提升到作用域的最最頂部，然后再是變量的提升。
具體請看下面例子：

fn();//Uncaught TypeError: fn is not a function
var fn = function(){console.log(1)};

but

fn();//2
var fn = function(){console.log(1)};
function fn(){console.log(2)}

足以說明函數提升的更兇一些。
原理：我先去研究一下原理，搞懂了在來分享

感謝關注微信公眾號：一線碼農
或掃碼關注：

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

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

Javascript中的變量提升、函數提升及變量訪問原則

摘要：變量提升什么是變量提升在函數體內聲明的變量，無論你是在函數的最底端還是中間聲明的，那么都會把該變量的聲明提升到函數的最頂端相當于第一行，但是只是提升變量的聲明，不會賦值。 1、變量提升什么是變量提升？在函數體內聲明的變量，無論你是在函數的最底端還是中間聲明的，那么都會把該變量的聲明提升到函數的最頂端(相當于第一行)，但是只是提升變量的聲明，不會賦值。 var num = 10; fu...

zhigoo 2019-08-23 14:29 評論0 收藏0
ES6 變量作用域與提升：變量的生命周期詳解

摘要：不同的是函數體并不會再被提升至函數作用域頭部，而僅會被提升到塊級作用域頭部避免全局變量在計算機編程中，全局變量指的是在所有作用域中都能訪問的變量。 ES6 變量作用域與提升：變量的生命周期詳解從屬于筆者的現代 JavaScript 開發：語法基礎與實踐技巧系列文章。本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建...

lmxdawn 2019-08-21 11:55 評論0 收藏0
javascript聲明提升

摘要：但是碰到聲明提升，這種想法就會被打破。聲明一個函數進行相應的操作，會得到函數聲明提升的結果。由此可以發現變量和函數的聲明都會被提升在其他代碼的前面執行。一個普通塊內部的函數聲明通常會被提升到所在的作用域的頂部。的創建初始化和賦值均會被提升。 Javascript聲明提升在分析聲明提升之前，我認為有必要知道的兩點：一、引擎查詢變量的兩種方式引擎查詢變量的方式可以分為LHS和RHS兩...

evin2016 2019-08-23 16:15 評論0 收藏0
【6】JavaScript 函數高級——執行上下文與執行上下文棧、變量提升（圖解+典型實例分析）

摘要：函數和變量相比，會被優先提升。這意味著函數會被提升到更靠前的位置。僅提升聲明，而不提升初始化。 JavaScript 函數高級——執行上下文與執行上下文棧（圖解+典型實例分析）變量提升與函數提升變量聲明提升通過 var 定義（聲明）的變量，在定義語句之前就可以訪問到值：undefined /* 面試題 : 輸出 undefined */ var a = 3 ...

niuxiaowei111 2019-08-23 17:19 評論0 收藏0
JavaScript 變量聲明提升

摘要：輸出的結果為輸出的結果為提升后輸出的結果為重新定義了變量輸出的結果為如果定義了相同的函數變量聲明，后定義的聲明會覆蓋掉先前的聲明，看如下代碼輸出練習的值是多少的值是多少第二題的解析請看這里參考資料文章文章中文版鏈接文章推薦文章變量提升 JavaScript 變量聲明提升原文鏈接一個小例子先來看個例子： console.log(a); // undefined var a =...

fireflow 2019-08-20 10:39 評論0 收藏0