JavaScript 函數的執(zhí)行過程
1. 每一個JavaScript函數都是Function對象的一個實例, 它有一個僅供JavaScript引擎存取的內部屬性[[Scope]]. 這個[[Scope]]存儲著一個作用域的集合, 這個集合就叫”作用域鏈”, 集合中存儲著”可變對象”VO或”活動對象”AO(AO比VO多this和arguments屬性).
2. 當函數被創(chuàng)建后, 其父級作用域的作用域鏈中的所有可變對象會被加入到它的[[scope]]中(如果父作用域是全局, 那么當前函數的作用域鏈中就只會加入一個全局對象).
3. 當函數被執(zhí)行時, 函數的執(zhí)行環(huán)境會被推入一個環(huán)境棧中:
1.此時進入函數的變量初始化階段, 此階段會確定函數內部: this值, 函數的參數, 函數的聲明, 變量的聲明, 以及arguments. 根據這些值組成當前函數的活動對象AO, 之后會將AO對象保存到當前函數作用域鏈的首位.
注意： AO按如下順序填充：
1.函數參數(若有傳參, 會被賦值, 若未傳參, 初始化值為undefined) 優(yōu)先級第二
2.函數聲明(若發(fā)生命名沖突, 會覆蓋) 優(yōu)先級最高
3.變量聲明(初始化變量值為undefined, 若發(fā)生命名沖突, 會忽略) 優(yōu)先級第三
2.然后就到了函數的執(zhí)行階段, 此階段當前函數中使用到的所有變量和函數聲明都會從當前函數的[[Scope]]作用域鏈中查找, 根據作用域鏈中對象的位置首先會查找當前函數的AO對象, 如果沒有再查找上層對象, 最后找到全局對象, 如果都沒有則會報錯(變量未定義).
以上這篇JavaScript 函數的執(zhí)行過程就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
ChatGPT 是一個基于深度學習的大型語言模型，處理自然語言需要大量的計算資源和時間，響應速度肯定比普通的讀數據庫要慢的多，本文介紹了ChatGPT打字機消息回復實現原理，感興趣的同學可以跟著小編一起學習2023-05-05
這篇文章主要介紹了簡單分析js中的this的原理,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了關于JavaScript數組三個并不那么常見的功能，你所不知道的事情，感興趣的小伙伴們可以參考一下2016-08-08
javascript省市區(qū)三級聯動下拉框菜單實例演示
這篇文章主要為大家詳細介紹了javascript實現省市區(qū)三級聯動下拉框菜單很詳細的代碼，解決了大家實現javascript省市區(qū)三級聯動下拉框菜單的問題，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了微信小程序按鈕點擊跳轉頁面，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
本文主要分享了微信頁面倒計時代碼（pc端）,并在文章結尾分析了safari不兼容date的原因以及解決方法，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
使用濾鏡設置透明導致 IE 6/7/8/9 解析異常的解決方法
使用濾鏡設置透明導致 IE 6/7/8/9 解析異常的解決方法，需要的朋友可以參考下。2011-04-04
這篇文章主要給大家詳細介紹了javascript中if和switch，==和===的區(qū)別和聯系，十分的細致實用，有需要的小伙伴可以參考下。2015-07-07
javascript實現base64 md5 sha1 密碼加密
本篇文章給大家介紹了javascript實現密碼加密，通過base64、md5、sha1文件，調用相關方法實現密碼加密，非常簡單，需要的朋友可以參考下2015-09-09
JavaScript try…catch是我們使用的功能之一,作為Web前端工程師,JavaScript try…catch是我們使用的功能之一,這篇文章主要給大家介紹了關于JS?try?catch用法舉例之異常處理的相關資料,需要的朋友可以參考下2024-06-06