圖解javascript作用域鏈
更新時間：2019年05月27日 09:56:35 作者：白菜幫子
當(dāng)代碼在window onload事件被觸發(fā)，且sub函數(shù)被執(zhí)行的時候會發(fā)生什么事情呢？下面我們來一起了解一下
先來一段簡單的javascript代碼：
window.onload=function(){
function sub(a,b){
return a-b;
}
var result=sub(10,5);
}
這段代碼中的執(zhí)行環(huán)境已經(jīng)數(shù)清楚了，可是執(zhí)行環(huán)境只是代碼在預(yù)編譯過程中javascript引擎所做的事情，當(dāng)代碼在window onload事件被觸發(fā)，且sub函數(shù)被執(zhí)行的時候會發(fā)生什么事情呢？
1.javascript引擎會在頁面加載腳本被執(zhí)行時為每個函數(shù)創(chuàng)建一個作用域（執(zhí)行上下文）及作用域鏈。
2.javascript引擎在產(chǎn)生這些作用域后，會創(chuàng)建一個堆棧。
3.將onload對應(yīng)的匿名函數(shù)壓棧
4.將sub函數(shù)壓棧
5.sub函數(shù)執(zhí)行完畢出棧
6.匿名函數(shù)出棧
整體圖解如下：
如有錯誤之處，歡迎批評指正。謝謝
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于全局變量和局部變量的那些事,有哪些事呢？不要走開，接下來將詳細(xì)介紹，感興趣的朋友可以了解下哦2013-01-01
新手入門常用代碼集錦...2007-01-01
escape定義和用法escape() 函數(shù)可對字符串進(jìn)行編碼，這樣就可以在所有的計算機上讀取該字符串。語法 escape(string)參數(shù)描述string必需。要被轉(zhuǎn)義或編碼的字符串。返回值已編碼的 string 的副本。其中某些字符被替換成了十六進(jìn)制的轉(zhuǎn)義序列,需要了解的朋友可以參考下2013-01-01
javascript編程起步（第六課）...2007-01-01
window.location.href的用法(動態(tài)輸出跳轉(zhuǎn))
無論在靜態(tài)頁面還是動態(tài)輸出頁面中window.location.href都是不錯的用了跳轉(zhuǎn)的實現(xiàn)方案2014-08-08
下面小編就為大家?guī)硪黄贘S腳本語言的基礎(chǔ)語法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JavaScript顯式數(shù)據(jù)類型轉(zhuǎn)換詳解
這篇文章主要介紹了JavaScript顯式數(shù)據(jù)類型轉(zhuǎn)換，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
Javascript 中的轉(zhuǎn)義用法一例，需要的朋友可以參考下。2010-11-11
JavaScript中setFullYear()方法的使用詳解
這篇文章主要介紹了JavaScript中setFullYear()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了js筆試題-接收get請求參數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下2019-06-06