關(guān)于Javascript作用域鏈的八點(diǎn)總結(jié)
1. JavaScript函數(shù)的作用域鏈分為定義時(shí)作用域鏈和運(yùn)行時(shí)作用域鏈；
2.函數(shù)被定義的時(shí)候，它有一個(gè)屬性[[scope]]標(biāo)明它的定義作用域鏈，定義時(shí)作用域鏈[[scope]]遵守這樣的規(guī)則：一個(gè)函數(shù)的定義時(shí)作用域鏈[[scope]]總是它所在的外部函數(shù)的執(zhí)行時(shí)作用域鏈；
3.全局函數(shù)的定義作用域鏈只包含window的屬性；
4.一個(gè)函數(shù)的執(zhí)行時(shí)作用域鏈總是在定義時(shí)作用域鏈的頭部壓入當(dāng)前活動(dòng)對象(它包含this,arguments,參數(shù)，局部變量)；
5.函數(shù)執(zhí)行時(shí)，變量尋址總是從作用域鏈的頂端朝下尋找；所以全局變量的尋址速度最慢；
6.內(nèi)部函數(shù)被執(zhí)行的時(shí)候，他仍然能夠訪問它完整的作用域鏈。這就是閉包能夠在運(yùn)行時(shí)能夠訪問已經(jīng)結(jié)束的外部函數(shù)定義的變量的原因；
7.函數(shù)執(zhí)行遇到with語句時(shí)，會(huì)臨時(shí)在作用域鏈頂部壓入with指定的對象的所有屬性作為作用域鏈最頂端；
8.函數(shù)執(zhí)行遇到catch的時(shí)候，會(huì)臨時(shí)在作用域鏈頂部壓入catch指定的錯(cuò)誤對象作為作用域鏈的最頂端；
下面給一個(gè)例子并繪制出作用域鏈，以加深理解：
有這么一段代碼：
function assignEvents(){
var id = "xdi9592";
document.getElementById("save-btn").onclick = function(event){
saveDocument(id);
};
}
把此函數(shù)產(chǎn)生的匿名閉包稱為Closure，則繪制出下圖為assignEvent執(zhí)行時(shí)作用域鏈和Closure的定義時(shí)作用域鏈：
- javascript 嵌套的函數(shù)（作用域鏈）
- 深入理解JavaScript作用域和作用域鏈
- 深入理解JavaScript系列（14） 作用域鏈介紹(Scope Chain)
- JavaScript中的作用域鏈和閉包
- 你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹
- 深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)使用詳解
- JavaScript作用域鏈?zhǔn)褂媒榻B
- JavaScript作用域與作用域鏈深入解析
- 深入理解JavaScript高級之詞法作用域和作用域鏈
- JavaScript作用域鏈?zhǔn)纠窒?/a>
- JavaScript 作用域鏈解析
- JavaScript函數(shù)作用域鏈分析
- Javascript變量的作用域和作用域鏈詳解
- 跟我學(xué)習(xí)javascript的作用域與作用域鏈
相關(guān)文章
微信小程序canvas.drawImage完全顯示圖片問題的解決
這篇文章主要介紹了微信小程序canvas.drawImage完全顯示圖片問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
javascript 簡單抽屜效果的實(shí)現(xiàn)代碼
javascript 簡單抽屜效果的實(shí)現(xiàn)代碼，需要的朋友可以參考下，大家自行測試。2010-03-03
js寫的分頁在網(wǎng)上可以搜到很多的文章，在也為大家介紹一個(gè)，喜歡的的朋友可以參考下2013-12-12
JavaScript的exec()方法是在正則表達(dá)式對象上調(diào)用的方法,它用于在字符串中執(zhí)行正則表達(dá)式搜索,并返回匹配的結(jié)果,本文就給大家詳細(xì)的講解JavaScript中exec()方法,感興趣的同學(xué)跟著小編一起來看看吧2023-09-09
Javascript獲取HTML靜態(tài)頁面參數(shù)傳遞值示例
獲取HTML靜態(tài)頁面參數(shù)傳遞值可以利用split函數(shù)來按參數(shù)切成數(shù)組、利用正則表達(dá)式來獲取，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
很多時(shí)候我們都是通過一組正則表達(dá)式來判斷用戶輸入的身份證是否合法，那在用正則表達(dá)式判斷之前，首先要做到的是對身份證信息的一些效驗(yàn)規(guī)則2017-06-06
Js操作樹節(jié)點(diǎn)自動(dòng)折疊展開的幾種方法
這篇文章主要介紹了Js操作樹節(jié)點(diǎn)自動(dòng)折疊展開的幾種方法,需要的朋友可以參考下2014-05-05
引言?在?JavaScript?編程中,作用域是一個(gè)至關(guān)重要的概念,它決定了變量和函數(shù)的可訪問范圍,本文將深入探討?JavaScript?作用域的底層原理,感興趣的小伙伴可以了解一下2025-01-01
JavaScript實(shí)現(xiàn)下拉列表框數(shù)據(jù)增加、刪除、上下排序的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)下拉列表框數(shù)據(jù)增加、刪除、上下排序的方法,涉及javascript針對頁面下拉列表框元素的添加、刪除及移動(dòng)的相關(guān)技巧,具有一定參考借鑒,需要的朋友可以參考下2015-08-08
JavaScript中使用import 和require打包后實(shí)現(xiàn)原理分析
這篇文章主要介紹了JavaScript中使用import 和require打包后實(shí)現(xiàn)原理分析,需要的朋友可以參考下2018-03-03