JavaScript中提前聲明變量或函數(shù)例子
更新時(shí)間：2014年11月12日 09:16:38 投稿：junjie
這篇文章主要介紹了JavaScript中提前聲明變量或函數(shù)的例子,本文介紹的可以說(shuō)是一種小技巧或者說(shuō)一種特性,需要的朋友可以參考下
如題所示,看下面的示例。
(可以使用Chrome瀏覽器,然后F12/或者右鍵,審查元素.調(diào)出開(kāi)發(fā)者工具,進(jìn)入控制臺(tái)console輸入)
(使用技巧: 控制臺(tái)輸入時(shí)Shift+Enter可以中途代碼換行)
復(fù)制代碼 代碼如下:
var name = "xiaoming";
(function(){
var name = name || "小張";
console.info(name);
})();// 小張
(function(){
name = name || "小張";
console.info(name);
})(); // xiaoming
(function(){
var name2= name;
var name = name || "小張";
console.info(name, name2);
})(); // 小張 undefined
執(zhí)行時(shí)的截圖如下所示:
解釋如下:
在JavaScript中。
復(fù)制代碼 代碼如下:
function xxx(){
// 一堆代碼...
// ...
var name2 = name;
var name = name || "小張";
// 一堆代碼
}
執(zhí)行時(shí)會(huì)變成這種等價(jià)形式:
復(fù)制代碼 代碼如下:
function xxx(){
var name2 = undefined;
var name = undefined;
// 其他 var 也會(huì)被提前到最起始處
// 一堆代碼...
// ...
name2 = name;
name = name || "小張";
// 一堆代碼
}
相關(guān)文章
HTML頁(yè)面滾動(dòng)時(shí)獲取離頁(yè)面頂部的距離2種實(shí)現(xiàn)方法
獲取離滾動(dòng)頁(yè)面的頂部距離有兩種方法一是DOM；而是jquery，具體的實(shí)現(xiàn)如下，感興趣的朋友可以嘗試操作下2013-09-09
一直以來(lái)都在函數(shù)式編程的大門(mén)之外徘徊,要入門(mén)的話首先得熟悉各種高階函數(shù),數(shù)組的reduce方法就是其中之一,這篇文章主要給大家介紹了關(guān)于js利用reduce方法讓你的代碼更加優(yōu)雅的相關(guān)資料,需要的朋友可以參考下2021-08-08
深入淺析JavaScript函數(shù)前面的加號(hào)和嘆號(hào)
這篇文章主要介紹了深入淺析JavaScript函數(shù)前面的加號(hào)和嘆號(hào)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
JavaScript 異步調(diào)用框架 (Part 6 - 實(shí)例 & 模式)
我們用了5篇文章來(lái)討論如何編寫(xiě)一個(gè)JavaScript異步調(diào)用框架（問(wèn)題 & 場(chǎng)景、用例設(shè)計(jì)、代碼實(shí)現(xiàn)、鏈?zhǔn)秸{(diào)用、鏈?zhǔn)綄?shí)現(xiàn)），現(xiàn)在是時(shí)候讓我們看一下在各種常見(jiàn)開(kāi)發(fā)情景中如何使用它了。2009-08-08
微信小程序修改數(shù)組長(zhǎng)度的問(wèn)題的解決
這篇文章主要介紹了微信小程序修改數(shù)組長(zhǎng)度的問(wèn)題的解決,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文字無(wú)限輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要給大家介紹了關(guān)于微信小程序版本機(jī)制和storage如何平滑兼容的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了JS運(yùn)動(dòng)的實(shí)現(xiàn)原理，介紹了JS多種運(yùn)動(dòng)方式，希望大家仔細(xì)學(xué)習(xí)，感興趣的小伙伴們可以參考一下2015-12-12
解決WebStorm?2022.3.x?無(wú)法識(shí)別?Element?UI?2.15.11?新版本中的?el-
這篇文章主要介紹了解決?WebStorm?2022.3.x?無(wú)法識(shí)別?Element?UI?2.15.11?新版本中的?el-xxx?標(biāo)簽問(wèn)題,本文給大家分享兩種解決方案，需要的朋友可以參考下2023-01-01
javascript匿名函數(shù)應(yīng)用示例介紹
匿名函數(shù)，顧名思義就是沒(méi)有名字，下面有個(gè)不錯(cuò)的示例，大家可以學(xué)習(xí)下2014-03-03