JavaScript中變量提升與函數(shù)提升經(jīng)典實例分析
本文實例講述了JavaScript中變量提升與函數(shù)提升。分享給大家供大家參考，具體如下：
從兩個實例說起：
eg1：
var i; console.log(i); // 2
eg2：
console.log(i); // undefined var i = 2;
1、提升
變量和函數(shù)聲明從它們在代碼中出現(xiàn)的位置被提升到了最上面。
注意：
只有聲明本身會被提升，而賦值操作不會被提升。
變量會提升到其所在函數(shù)的最上面，而不是整個程序的最上面。
函數(shù)聲明會被提升，但函數(shù)表達(dá)式不會被提升：
func1(); // Uncaught TypeError: func1 is not a function
func2(); // Uncaught ReferenceError: func2 is not defined
var func1 = function func2() { ... };
JavaScript中的ReferenceError和TypeError：
① ReferenceError：引用錯誤。JavaScript引擎查詢變量時，若在作用域里沒有找到該變量，JavaScript引擎就會拋出一個ReferenceError。
② TypeError：類型錯誤。當(dāng)在作用域中找到了某變量引用，然后讓該變量去做力所不能及的事情時，如引用它一個不存在的屬性，或?qū)⒎呛瘮?shù)的變量用作函數(shù)引用，JavaScript引擎就會拋出一個TypeError。
2、函數(shù)優(yōu)先
函數(shù)聲明和變量聲明都會被提升，但是需要注意的是函數(shù)會先被提升，然后才是變量。
func(); // 1
var func;
function func() {
console.log(1);
}
func = function() {
console.log(2);
}
運行結(jié)果：輸出1而不是2
理由：var func;盡管出現(xiàn)在function func()之前，但它是重復(fù)的聲明，會被忽略，因為函數(shù)聲明會被提升到普通變量之前。上述代碼等價于：
function func() {
console.log(1);
}
func(); // 1
func = function() {
console.log(2);
}
盡管重復(fù)的聲明會被忽略掉，但出現(xiàn)在后面的函數(shù)聲明還是可以覆蓋前面的：
func(); // 3
function func() {
console.log(1);
}
func = function() {
console.log(2);
}
function func() {
console.log(3);
}
一個普通塊內(nèi)部的函數(shù)聲明通常會被提升到其所在作用域的頂部，提升過程不會被條件判斷所控制：
func(); // 2
var flag = true;
if (flag)
function func() { console.log(1); }
else
function func() { console.log(2); }
注意：盡量避免在塊內(nèi)聲明函數(shù)，在JavaScript未來的版本中上述行為可能會發(fā)生改變。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章給大家分享了JavaScript實現(xiàn)添加給定的標(biāo)簽選項的相關(guān)知識點內(nèi)容以及代碼實例，有興趣的朋友們參考下。2018-09-09
這篇文章主要介紹了詳解JSON.stringify()的5個秘密特性，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JavaScript中字符串(string)轉(zhuǎn)json的2種方法
這篇文章主要介紹了JavaScript中字符串(string)轉(zhuǎn)json的2種方法,兩種方法分別是使用js函數(shù)eval()和、使用jquery.parseJSON()方法,需要的朋友可以參考下2015-06-06
javascript中apply和call方法的作用及區(qū)別說明
本篇文章主要是對javascript中apply和call方法的作用及區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
javascript類型系統(tǒng) Array對象學(xué)習(xí)筆記
這篇文章主要介紹了javascript類型系統(tǒng)之Array對象，整理關(guān)于Array對象的學(xué)習(xí)筆記，感興趣的小伙伴們可以參考一下2016-01-01
兼容IE,firefox的js tab效果代碼增強版2008-04-04
js利用prototype調(diào)用Array的slice方法示例
這篇文章主要介紹了如何利用js的prototype調(diào)用Array的slice方法,需要的朋友可以參考下2014-06-06
百度有啊通欄展示大家并不陌生吧，下面與大家分享下具體的實現(xiàn)js代碼，感興趣的朋友可以參考下哈2013-05-05
這篇文章主要為大家詳細(xì)介紹了JS+cookie實現(xiàn)購物評價五星好評功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
下面小編就為大家?guī)硪黄獪\談js中的變量名和函數(shù)名重名。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02