成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

進擊JavaScript之（一）變量聲明提升

LeexMuller / 1208人閱讀

摘要：如下代碼輸出的結(jié)果是代碼執(zhí)行分為兩個大步預(yù)解析的過程代碼的執(zhí)行過程預(yù)解析與變量聲明提升程序在執(zhí)行過程中，會先將代碼讀取到內(nèi)存中檢查，會將所有的聲明在此進行標(biāo)記，所謂的標(biāo)記就是讓解析器知道有這個名字，后面在使用名字的時候不會出現(xiàn)未定義的錯誤。

如下代碼輸出的結(jié)果是？

var num = 123;
function foo1(){
    console.log( num );    //undefined
    var num = 456;
   console.log( num );    //456
}
foo1();

Javascript代碼執(zhí)行分為兩個大步：

預(yù)解析的過程
代碼的執(zhí)行過程

1.預(yù)解析與變量聲明提升

程序在執(zhí)行過程中，會先將代碼讀取到內(nèi)存中檢查，會將所有的聲明在此進行標(biāo)記，所謂的標(biāo)記就是讓JS解析器知道有這個名字，后面在使用名字的時候不會出現(xiàn)未定義的錯誤。這個標(biāo)記過程就是提升。

聲明：

名字的聲明，標(biāo)識符聲明（變量名聲明）

名字的聲明就是讓解析器知道有這個名字

名字沒有任何數(shù)據(jù)與之對應(yīng)

函數(shù)的聲明

函數(shù)聲明包含兩部分

函數(shù)聲明與函數(shù)表達式有區(qū)別，函數(shù)聲明是多帶帶寫在一個結(jié)構(gòu)中，不存在任何語句，邏輯判斷等結(jié)構(gòu)中

function f() {}
function func() { // 函數(shù)聲明
} 
if ( true ) {
    function func2 () {} //函數(shù)表達式
}
var f = function func3 () {}; //函數(shù)表達式
this.sayHello = function () {}; //函數(shù)表達式
var i= 1；
function func4 () {}    // 函數(shù)聲明
    var j = 2;
}

首先函數(shù)聲明告訴解析器有這個名字存在，該階段與名字聲明一樣
告訴解析器，這個名字對應(yīng)的函數(shù)體是什么

var num = 1;
function num () {
    alert( num );
}
num();    // 報錯

分析

預(yù)解析代碼，提示名字

首先提升名字num

再提升函數(shù)名，但是名字已經(jīng)存在，因此只做第二部，讓名字與函數(shù)體對應(yīng)上

結(jié)論就是 代碼中已經(jīng)有一個函數(shù) num 了

開始執(zhí)行代碼，第一句話從賦值語句開始執(zhí)行

給num賦值為1

覆蓋了函數(shù)

調(diào)用num，由于num中存儲的是數(shù)組1，因此報錯

2.代碼分析舉例 程序1 
var num = 123;
function foo1(){
    console.log( num );    //undefined
    var num = 456;
    console.log( num );    //456
}
foo1();

預(yù)解析，提升 num 名字和 foo1 函數(shù)

執(zhí)行第一句話：num = 123;

執(zhí)行函數(shù)調(diào)用

函數(shù)調(diào)用進入函數(shù)的一瞬間也要進行預(yù)解析，此時解析的是變量名 num

在函數(shù)內(nèi)部是一個獨立的空間，允許使用外部的數(shù)據(jù)，但是現(xiàn)在 num 聲明同名，即覆蓋外面的

執(zhí)行第一句 打印num，沒有數(shù)據(jù)，undefined

執(zhí)行第二句 賦值：num = 456；

執(zhí)行第三句 打印num，結(jié)果456

程序2 
if ( ！ "a" in window ) {
    var a = 123;
}
console.log( a );

首先，預(yù)解析，讀取提升 a ，有一個名字 a 存在了

其次，in 運算符：判斷某一個字符串描述的屬性名是否在對象中

var o = { name:"jim" }; "name" in o，"age" in o

執(zhí)行第一個判斷：! "a" in window

"a" in window 結(jié)果為真

！得到假

if內(nèi)部的賦值不進行

最后，打印結(jié)果 a 的值為 undefined

程序3 
if ( false ) {
    function f1 () {
        console.log( "true" );
     }
} else {
    function f1 () {
        console.log( "false" );
     }
}
f1();

預(yù)解析：提升 f1 函數(shù)，只保留提升后的內(nèi)容，所以打印是 false

執(zhí)行代碼，第一句話就是一個空的if結(jié)構(gòu)

if ( true ) {
} else {
}

執(zhí)行函數(shù)調(diào)用，得到 false

3.問題 
function foo () } {}
var foo = function () {};

上面的語法是聲明，可以提升，因此在函數(shù)上方也可以調(diào)用

下面的語法是函數(shù)表達式，函數(shù)名就是foo ，他會提升，提升的不是函數(shù)體

函數(shù)表達式也是支持名字語法

var foo = function func1 () {};
func();

函數(shù)有一個屬性name，表示的是函數(shù)名，只有帶有名字的函數(shù)定義，才會有name屬性值，否則是“”

但是，函數(shù)表達式的名字，只允許在函數(shù)內(nèi)部使用，IE8可以訪問

（）可以將數(shù)據(jù)轉(zhuǎn)化為表達式

新的瀏覽器中，寫在if、while、do..while結(jié)構(gòu)中的函數(shù)，都會將函數(shù)的聲明轉(zhuǎn)換成特殊的函數(shù)表達式
將代碼

if (...) {
    function foo () { ... }
}

轉(zhuǎn)換成

if (...) {
    var foo = function foo () { .... }
}

完。

推薦閱讀

進擊JavaScript之（二）詞法作用域與作用域鏈

進擊JavaScript之（三）玩轉(zhuǎn)閉包

進擊JavaScript之（四）原型與原型鏈

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/80050.html

相關(guān)文章

  • 進擊的 JavaScript（五） 之 立即執(zhí)行函數(shù)與閉包

    摘要：匿名函數(shù)是不能單獨寫的，所以就提不上立即執(zhí)行了。六立即執(zhí)行函數(shù)在閉包中的應(yīng)用立即執(zhí)行函數(shù)能配合閉包保存狀態(tài)。來看下上節(jié)內(nèi)容中閉包的例子現(xiàn)在，我們來利用立即執(zhí)行函數(shù)來簡化它第一個匿名函數(shù)執(zhí)行完畢后，返回了第二個匿名函數(shù)。 前面的閉包中，提到與閉包相似的立即執(zhí)行函數(shù)，感覺兩者還是比較容易弄混吧，嚴(yán)格來說（因為犀牛書和高程對閉包的定義不同），立即執(zhí)行函數(shù)并不屬于閉包，它不滿足閉包的三個條件。...

    vincent_xyb 評論0 收藏0

  • 進擊的 JavaScript（三） 之 函數(shù)執(zhí)行過程

    摘要：中沒有可執(zhí)行的函數(shù)了，執(zhí)行完出棧。當(dāng)某個函數(shù)被調(diào)用時，會創(chuàng)建一個執(zhí)行環(huán)境及相應(yīng)的作用域鏈。檢查當(dāng)前環(huán)境中的函數(shù)聲明使用聲明的。確定指向所以說的指向，是在函數(shù)執(zhí)行時確定的。 理解js 的執(zhí)行過程是很重要的，比如，作用域，作用域鏈，變量提升，閉包啊，要想明白這些，你就得搞懂函數(shù)執(zhí)行時到底發(fā)生了什么！ 一、執(zhí)行環(huán)境（Execution Context）又稱執(zhí)行上下文 當(dāng)代碼執(zhí)行時都會產(chǎn)生一個...

    netmou 評論0 收藏0

  • 進擊JavaScript之（二）詞法作用域與作用域鏈

    摘要：一作用域域表示的就是范圍，即作用域，就是一個名字在什么地方可以使用，什么時候不能使用。概括的說作用域就是一套設(shè)計良好的規(guī)則來存儲變量，并且之后可以方便地找到這些變量。 一、作用域 域表示的就是范圍，即作用域，就是一個名字在什么地方可以使用，什么時候不能使用。想了解更多關(guān)于作用域的問題推薦閱讀《你不知道的JavaScript上卷》第一章（或第一部分），從編譯原理的角度說明什么是作用域。概...

    denson 評論0 收藏0

  • 前端進擊的巨人（一）：執(zhí)行上下文與執(zhí)行棧，變量對象

    摘要：在中，通過棧的存取方式來管理執(zhí)行上下文，我們可稱其為執(zhí)行棧，或函數(shù)調(diào)用棧。而處于棧頂?shù)氖钱?dāng)前正在執(zhí)行函數(shù)的執(zhí)行上下文，當(dāng)函數(shù)調(diào)用完成后，它就會從棧頂被推出理想的情況下，閉包會阻止該操作，閉包后續(xù)文章深入詳解。 寫在開篇 已經(jīng)不敢自稱前端小白，曾經(jīng)吹過的牛逼總要一點點去實現(xiàn)。 正如前領(lǐng)導(dǎo)說的，自己喝酒吹過的牛皮，跪著都得含著淚去實現(xiàn)。 那么沒有年終完美總結(jié)，來個新年莽撞開始可好。 進擊巨...

    _Suqin 評論0 收藏0

  • 進擊的 JavaScript（四） 之 閉包

    摘要：此時產(chǎn)生了閉包。導(dǎo)致，函數(shù)的活動對象沒有被銷毀。是不是跟你想的不一樣其實，這個例子重點就在函數(shù)上，這個函數(shù)的第一個參數(shù)接受一個函數(shù)作為回調(diào)函數(shù)，這個回調(diào)函數(shù)并不會立即執(zhí)行，它會在當(dāng)前代碼執(zhí)行完，并在給定的時間后執(zhí)行。 上一節(jié)說了執(zhí)行上下文，這節(jié)咱們就乘勝追擊來搞搞閉包！頭疼的東西讓你不再頭疼！ 一、函數(shù)也是引用類型的。 function f(){ console.log(not cha...

    Anleb 評論0 收藏0

發(fā)表評論

0條評論

LeexMuller

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<