亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

深入理解JavaScript（一）：變量提升

voidking / 2544人閱讀

摘要：變量提升原理引擎的工作方式是先解析代碼，獲取所有被聲明的變量然后在運(yùn)行。代碼自上而下執(zhí)行之前，瀏覽器首先會(huì)把所有帶關(guān)鍵詞的進(jìn)行提前聲明或者定義，這種預(yù)先處理機(jī)制稱之為變量提升。

變量提升 
原理：JS引擎的工作方式是先解析代碼，獲取所有被聲明的變量；然后在運(yùn)行。JS代碼自上而下執(zhí)行之前，瀏覽器首先會(huì)把所有帶 “VAR”/“FUNCTION” 關(guān)鍵詞的進(jìn)行提前 “聲明” 或者 “定義” ，這種預(yù)先處理機(jī)制稱之為 “變量提升”。
console.log(a, b);//undefined undefined
var a = 12,
    b = 12;

function fn() {
    console.log(a, b);//=>undefined 12
    var a = b = 13;
    console.log(a, b);//=>13 13
}

fn();
console.log(a, b);//=>12 13

undefined undefined：首先輸出這個(gè)結(jié)果是因?yàn)樽兞刻嵘?，即前三行變?/p> 

var a;
var b;
console.log(a,b);//undefined undefined
a = 12;
b = 12;

undefined 12：接下來執(zhí)行函數(shù)fn（fn一開始也被執(zhí)行了變量提升,只不過函數(shù)中存儲(chǔ)的都是字符串而已），對(duì)fn內(nèi)部進(jìn)行分析，即內(nèi)部代碼變成：

var a;
console.log(a,b);//undefined 12
a = 13;
b = 13; //不加var的本質(zhì)是WIN的屬性，即相當(dāng)于window.b = 13; 
console.log(a,b);//13 13

一開始b在fn內(nèi)部找不到，便會(huì)開始往上一層找，找到了全局的b，于是b輸出12。
當(dāng)經(jīng)過var a = b = 13; 后，b被賦值為13，于是輸出先從函數(shù)內(nèi)部找b，找到了b=13，第二次輸出b為13。（！同時(shí)，最先定義的全局變量b = 12也被賦值為13，故最后的b也等于13）

私有作用域中帶var和不帶var的區(qū)別：
1.帶var的在私有作用于變量提升階段，都聲明為私有變量，和外界沒有任何的關(guān)系
2.不帶var不是私有變量，會(huì)向它的上級(jí)作用于查找，一直找到window為止（這種查找機(jī)制叫做：“作用域鏈”），也就是在私有作用域中操作的這個(gè)非私有變量，是一直操作別人的
只對(duì)等號(hào)左邊進(jìn)行變量提升 
sum();
fn();// Uncaught TypeError: fn is not a function 

//=>匿名函數(shù)之函數(shù)表達(dá)式
var fn = function(){
    console.log("fn");
}//=>代碼執(zhí)行到此處會(huì)把函數(shù)值賦值給fn

//=>普通的函數(shù)
function sum(){
    console.log("sum");
}
條件判斷下的變量提升 
/*
 * 在當(dāng)前作用域下，不管條件是否成立都要進(jìn)行變量提升
 *   =>帶VAR的還是只聲明
 *   =>帶FUNCTION的在老版本瀏覽器渲染機(jī)制下，聲明和定義都處理，但是為了迎合ES6中的塊級(jí)作用 
 *     域，新版瀏覽器對(duì)于函數(shù)（在條件判斷中的函數(shù)），
 *     不管條件是否成立，都只是先聲明，沒有定義，類似于var
 */
console.log(a);//undefined
   if(1 === 2){
   var a = 3;
   }
   console.log(a);//undefined
重名問題的處理 
fn();//=>4
function fn() {console.log(1);}
fn();//=>4
function fn() {console.log(2);}
fn();//=>4
var fn=100;//=>帶VAR的在提升階段只把聲明處理了,賦值操作沒有處理,所以在代碼執(zhí)行的時(shí)候需要完成賦值 FN=100
fn();//=>100() Uncaught TypeError: fn is not a function
function fn() {console.log(3);}
fn();
function fn() {console.log(4);}
fn();

帶VAR和FUNCTION關(guān)鍵字聲明相同的名字，這種也算是重名了（其實(shí)是一個(gè)FN，只是存儲(chǔ)值的類型不一樣）
關(guān)于重名的處理：如果名字重復(fù)了，不會(huì)重新的聲明，但是會(huì)重新的定義（重新賦值）[不管是變量提升還是代碼執(zhí)行階段皆是如此]

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/106335.html

相關(guān)文章

  • 深入理解JavaScript執(zhí)行上下文和執(zhí)行棧

    摘要：執(zhí)行上下文和執(zhí)行棧是中關(guān)鍵概念之一，是難點(diǎn)之一。理解執(zhí)行上下文和執(zhí)行棧同樣有助于理解其他的概念如提升機(jī)制作用域和閉包等。函數(shù)執(zhí)行完成，函數(shù)的執(zhí)行上下文出棧，并且被銷毀。 前言 如果你是一名 JavaScript 開發(fā)者，或者想要成為一名 JavaScript 開發(fā)者，那么你必須知道 JavaScript 程序內(nèi)部的執(zhí)行機(jī)制。執(zhí)行上下文和執(zhí)行棧是JavaScript中關(guān)鍵概念之一，是Ja...

    silenceboy 評(píng)論0 收藏0

  • 深入理解JavaScript執(zhí)行上下文和執(zhí)行棧

    摘要：執(zhí)行上下文和執(zhí)行棧是中關(guān)鍵概念之一，是難點(diǎn)之一。理解執(zhí)行上下文和執(zhí)行棧同樣有助于理解其他的概念如提升機(jī)制作用域和閉包等。函數(shù)執(zhí)行完成，函數(shù)的執(zhí)行上下文出棧，并且被銷毀。 前言 如果你是一名 JavaScript 開發(fā)者，或者想要成為一名 JavaScript 開發(fā)者，那么你必須知道 JavaScript 程序內(nèi)部的執(zhí)行機(jī)制。執(zhí)行上下文和執(zhí)行棧是JavaScript中關(guān)鍵概念之一，是Ja...

    leiyi 評(píng)論0 收藏0

  • 【進(jìn)階1-2期】JavaScript深入之執(zhí)行上下文棧和變量對(duì)象

    摘要：本計(jì)劃一共期，每期重點(diǎn)攻克一個(gè)面試重難點(diǎn)，如果你還不了解本進(jìn)階計(jì)劃，點(diǎn)擊查看前端進(jìn)階的破冰之旅本期推薦文章深入之執(zhí)行上下文棧和深入之變量對(duì)象，由于微信不能訪問外鏈，點(diǎn)擊閱讀原文就可以啦。 （關(guān)注福利，關(guān)注本公眾號(hào)回復(fù)[資料]領(lǐng)取優(yōu)質(zhì)前端視頻，包括Vue、React、Node源碼和實(shí)戰(zhàn)、面試指導(dǎo)） 本周正式開始前端進(jìn)階的第一期，本周的主題是調(diào)用堆棧，今天是第二天。 本計(jì)劃一共28期，每期...

    Richard_Gao 評(píng)論0 收藏0

  • 深入理解JavaScript執(zhí)行上下文、函數(shù)堆棧、提升的概念

    摘要：原文鏈接變量對(duì)象是說的執(zhí)行上下文中都有個(gè)對(duì)象用來存放執(zhí)行上下文中可被訪問但是不能被的函數(shù)標(biāo)示符形參變量聲明等。對(duì)于函數(shù)的形參沒有什么可說的，主要看一下函數(shù)的聲明以及變量的聲明兩個(gè)部分。 首先明確幾個(gè)概念： EC：函數(shù)執(zhí)行環(huán)境（或執(zhí)行上下文），Execution Context ECS：執(zhí)行環(huán)境棧，Execution Context Stack VO：變量對(duì)象，Variable Obj...

    hatlonely 評(píng)論0 收藏0

  • 深入理解let和var的區(qū)別（暫時(shí)性死區(qū)）?。?！

    摘要：會(huì)出現(xiàn)這樣的情況是因?yàn)閾碛袝簳r(shí)性死區(qū)。規(guī)定暫時(shí)性死區(qū)和語句不出現(xiàn)變量提升，主要是為了減少運(yùn)行時(shí)錯(cuò)誤，防止在變量聲明前就使用這個(gè)變量，從而導(dǎo)致意料之外的行為。 首先我們應(yīng)該知道js引擎在讀取js代碼時(shí)會(huì)進(jìn)行兩個(gè)步驟： 第一個(gè)步驟是解釋。 第二個(gè)步驟是執(zhí)行。 所謂解釋就是會(huì)先通篇掃描所有的Js代碼，然后把所有聲明提升到頂端，第二步是執(zhí)行，執(zhí)行就是操作一類的。 我們先來看個(gè)簡單的變量提升...

    tanglijun 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<