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