欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript的查詢機(jī)制LHS和RHS解析

 更新時(shí)間:2019年08月16日 14:41:16   作者:煙塵楊柳  
這篇文章主要介紹了JavaScript的查詢機(jī)制LHS和RHS解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

JavaScript 引擎在查找一個(gè)變量的時(shí)候,有兩種查找機(jī)制:LHS 和 RHS。

RHS 的查詢是簡單地查找到某個(gè)變量的值,而 LHS 則是試圖找到變量的容器的本身。

一個(gè)簡單的例子:當(dāng)我們執(zhí)行 console.log(a) 時(shí),執(zhí)行的就是 RHS ,因?yàn)檫@里 a 并沒有賦予任何的值。相應(yīng)的,需要查找并取得 a 的值,這樣才能將值傳遞給 conso.log(..)。

而當(dāng)我們執(zhí)行到 a = 2 時(shí),這里對(duì) a 的引用就是 LHS 引用,因?yàn)閷?shí)際上我們并不關(guān)心當(dāng)前的值是什么,只是想要為 =2 這個(gè)賦值操作找到一個(gè)目標(biāo)。

需要注意的是:

當(dāng)我們執(zhí)行以下代碼:

function foo(a){
  console.log(a); // 2
}
foo(2);

這里對(duì) foo 的調(diào)用執(zhí)行了 RHS 引用,但還有一個(gè)隱式的 a = 2 的操作,這里又執(zhí)行了一個(gè) LHS 引用。

我們通常把 function foo(a){} 轉(zhuǎn)變?yōu)?var foo,foo = function(){} ,如果這樣理解的話,這個(gè)函數(shù)聲明會(huì)執(zhí)行 LHS 查詢,但是在引擎執(zhí)行代碼的時(shí)候,并不會(huì)有線程專門用來將一個(gè)函數(shù)值“分配給”foo。所以,將函數(shù)聲明理解成 賦值 的 LHS 查詢的形式并不合適。

區(qū)分 LHS 和 RHS 是一件很重要的事。如果 RHS 查詢?cè)谧饔糜蜴溨姓也坏叫枰淖兞浚瑫?huì)拋出 ReferenceError 的異常。

function foo(a){
  console.log(a + b);
}
foo()

以上代碼會(huì)拋出異常:b is not defined

相比之下,如果JavaScript引擎執(zhí)行的是 LHS 查詢,如果一直到頂層的作用域(全局作用域)中都沒有找到目標(biāo)變量的話,它就會(huì)在全局作用域中聲明一個(gè)具有目標(biāo)名稱的變量,并將其返回給引擎。(非嚴(yán)格模式下,嚴(yán)格模式下會(huì)禁止自動(dòng)創(chuàng)建或隱式創(chuàng)建全局變量)

function foo(a){
  b = a; // b = 2
}
foo(2)

上面的代碼執(zhí)行的 LHS 查詢,在非嚴(yán)格模式下,JavaScript 引擎在全局作用域中沒有找到 b,所以它就在全局作用域中聲明了一個(gè)變量 b。所以此時(shí)結(jié)果不會(huì)報(bào)錯(cuò)且b被賦值為2。

總結(jié):

作用域是一套規(guī)則,用于確定在何處以及如何查找變量(標(biāo)識(shí)符)。如果查找的目的是對(duì)變量進(jìn)行賦值,就會(huì)使用 LHS 查詢;如果目的是獲取變量的值,就會(huì)使用 RHS 查詢。

= 操作符或調(diào)用函數(shù)時(shí)傳入?yún)?shù)的操作都會(huì)導(dǎo)致關(guān)聯(lián)作用域的賦值操作。

LHS 和 RHS 查詢都會(huì)在當(dāng)前執(zhí)行作用域中開始,如果有需要(當(dāng)前沒找到),就會(huì)向上級(jí)作用域繼續(xù)查找目標(biāo)標(biāo)識(shí)符(作用域鏈)。

不成功的 RHS 會(huì)導(dǎo)致拋出 ReferenceError 異常。不成功的 LHS 會(huì)自動(dòng)隱式在全局作用域中創(chuàng)建一個(gè)全局變量(非嚴(yán)格模式下),該變量使用 LHS 引用的目標(biāo)作為標(biāo)識(shí)符。(如果是嚴(yán)格模式下也會(huì)拋出 ReferenceError 異常)。

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS實(shí)現(xiàn)電腦虛擬鍵盤的操作

    JS實(shí)現(xiàn)電腦虛擬鍵盤的操作

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)電腦虛擬鍵盤的操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • 重載toString實(shí)現(xiàn)JS HashMap分析

    重載toString實(shí)現(xiàn)JS HashMap分析

    用過Java的都知道,里面有個(gè)功能強(qiáng)大的數(shù)據(jù)結(jié)構(gòu)——HashMap,它能提供鍵與值的對(duì)應(yīng)訪問。不過熟悉JS的朋友也會(huì)說,JS里面到處都是hashmap,因?yàn)槊總€(gè)對(duì)象都提供了map[key]的訪問形式。
    2011-03-03
  • 原生js實(shí)現(xiàn)隨機(jī)點(diǎn)名

    原生js實(shí)現(xiàn)隨機(jī)點(diǎn)名

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)隨機(jī)點(diǎn)名,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • Ionic項(xiàng)目中Native Camera的使用方法

    Ionic項(xiàng)目中Native Camera的使用方法

    Ionic項(xiàng)目中如何使用Native Camera?這篇文章主要介紹了Ionic項(xiàng)目中Native Camera的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • js基于面向?qū)ο髮?shí)現(xiàn)網(wǎng)頁TAB選項(xiàng)卡菜單效果代碼

    js基于面向?qū)ο髮?shí)現(xiàn)網(wǎng)頁TAB選項(xiàng)卡菜單效果代碼

    這篇文章主要介紹了js基于面向?qū)ο髮?shí)現(xiàn)網(wǎng)頁TAB選項(xiàng)卡菜單效果代碼,實(shí)例演示了鼠標(biāo)滑過即點(diǎn)擊兩種方式實(shí)現(xiàn)tab選項(xiàng)卡切換功能,涉及JavaScript鼠標(biāo)事件控制頁面元素屬性變換的功能,需要的朋友可以參考下
    2015-09-09
  • 兼容firefox的給每一個(gè)onClick再附加一個(gè)事件

    兼容firefox的給每一個(gè)onClick再附加一個(gè)事件

    如原來的onClick=="alert("a");",增加后變成onclick="alert("a");return false;"。 如果用腳本實(shí)現(xiàn)動(dòng)態(tài)增加上去? 謝謝!
    2008-07-07
  • js移動(dòng)焦點(diǎn)到最后位置的簡單方法

    js移動(dòng)焦點(diǎn)到最后位置的簡單方法

    下面小編就為大家?guī)硪黄猨s移動(dòng)焦點(diǎn)到最后位置的簡單方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-11-11
  • javascript 易錯(cuò)知識(shí)點(diǎn)實(shí)例小結(jié)

    javascript 易錯(cuò)知識(shí)點(diǎn)實(shí)例小結(jié)

    這篇文章主要介紹了javascript 易錯(cuò)知識(shí)點(diǎn),結(jié)合實(shí)例形式總結(jié)分析了javascript 對(duì)象屬性、繼承常見易錯(cuò)知識(shí)點(diǎn)與注意事項(xiàng),需要的朋友可以參考下
    2020-04-04
  • js獲取滾動(dòng)距離的方法

    js獲取滾動(dòng)距離的方法

    這篇文章主要介紹了js獲取滾動(dòng)距離的方法,涉及javascript針對(duì)頁面滾動(dòng)條的相關(guān)操作技巧,需要的朋友可以參考下
    2015-05-05
  • 原生JavaScript實(shí)現(xiàn)輪播圖

    原生JavaScript實(shí)現(xiàn)輪播圖

    這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-01-01

最新評(píng)論