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