日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
深入理解JavaScript執(zhí)行上下文

只有理解了執(zhí)行上下文，才能更好地理解 JavaScript 語(yǔ)言本身，比如變量提升，作用域，閉包等

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對(duì)外擴(kuò)展宣傳的重要窗口，一個(gè)合格的網(wǎng)站不僅僅能為公司帶來(lái)巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺(tái)，創(chuàng)新互聯(lián)面向各種領(lǐng)域：成都酒樓設(shè)計(jì)等網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷推廣解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。


執(zhí)行上下文

執(zhí)行上下文是當(dāng)前代碼的執(zhí)行環(huán)境。

執(zhí)行上下文主要是三種類型：

  1. 全局執(zhí)行上下文：全局執(zhí)行環(huán)境是最外圍的一個(gè)執(zhí)行環(huán)境，在瀏覽器的全局對(duì)象是 window, this指向這個(gè)對(duì)象
  2. 函數(shù)執(zhí)行上下文：可以有無(wú)數(shù)個(gè)，函數(shù)被調(diào)用的時(shí)候會(huì)被創(chuàng)建。每次調(diào)用函數(shù)都會(huì)創(chuàng)建一個(gè)新的執(zhí)行上下文。
  3. eval執(zhí)行上下文，很少用。

每個(gè)執(zhí)行上下文，都有三個(gè)重要屬性：

  1. 變量對(duì)象 (variable object, VO): 每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對(duì)象，環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)對(duì)象中。雖然我們編寫(xiě)的代碼無(wú)法訪問(wèn)這個(gè)對(duì)象，但解析器在處理數(shù)據(jù)時(shí)會(huì)在后臺(tái)使用它。

在函數(shù)上下文中，使用活動(dòng)對(duì)象 (activation object, AO) 來(lái)表示變量對(duì)象?；顒?dòng)對(duì)象和變量對(duì)象其實(shí)是一個(gè)東西，只有當(dāng)進(jìn)入一個(gè)執(zhí)行環(huán)境時(shí)，這個(gè)執(zhí)行上下文的變量對(duì)象才會(huì)被激活，此時(shí)稱為 活動(dòng)對(duì)象（AO），只有活動(dòng)對(duì)象上的屬性才能被訪問(wèn)。

  1. 作用域鏈（scope chain）：當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí)，會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈。作用域鏈的用途，是保證對(duì)執(zhí)行環(huán)境有權(quán)訪問(wèn)的所有變量和函數(shù)的有序訪問(wèn)。
  2. this

執(zhí)行上下文的生命周期：創(chuàng)建 -> 執(zhí)行 -> 回收

1. 創(chuàng)建階段：

  • 1.1 創(chuàng)建變量對(duì)象：
    • 初始化函數(shù)的參數(shù) arguments
    • 函數(shù)聲明
    • 變量聲明

舉個(gè)簡(jiǎn)單的例子來(lái)理解變量對(duì)象 

 
 
 
 
    
  
  
  
  
  1. function getName(name) {  
    2. 
  
  
  
  
  2.     var b = 2;  
    3. 
  
  
  
  
  3.     function foo() {};  
    4. 
  
  
  
  
  4.     var bar = function() {};  
    5. 
  
  
  
  
  5. }  
    6. 
  
  
  
  
  6. getName('lucystar')  
    7.

此時(shí)的 AO 大致如下 

 
 
 
 
    
  
  
  
  
  1. AO = {  
    2. 
  
  
  
  
  2.     arguments: {  
    3. 
  
  
  
  
  3.         0: 'lucystar',  
    4. 
  
  
  
  
  4.         length: 1  
    5. 
  
  
  
  
  5.     },  
    6. 
  
  
  
  
  6.     name: 'lucystar',  
    7. 
  
  
  
  
  7.     b: undefined,  
    8. 
  
  
  
  
  8.     foo: reference to function foo(){},  
    9. 
  
  
  
  
  9.     bar: undefined  
    10. 
  
  
  
  
  10. }  
    11.

上面例子中涉及到了變量提升和函數(shù)提升，之前在 從JS底層理解var、let、const這邊文章中也介紹過(guò)

  • 1.2 創(chuàng)建作用域鏈

函數(shù)的作用域在函數(shù)定義的時(shí)候就確定了。作用域鏈本身包含變量對(duì)象，當(dāng)查找變量時(shí)，會(huì)先從當(dāng)前上下文中的變量對(duì)象中查找，如果沒(méi)有找到，就會(huì)從父級(jí)執(zhí)行上下文的變量對(duì)象中查找，一直找到全局執(zhí)行上下文的變量對(duì)象

  • 1.3 確定this的指向

這部分又分為多種情況，具體的可以查看另一篇文章 一文理解this&call&apply&bind

2. 執(zhí)行階段

執(zhí)行變量賦值，代碼執(zhí)行

3. 回收階段

執(zhí)行上下文出棧被垃圾回收機(jī)制進(jìn)行回收。關(guān)于內(nèi)存回收的內(nèi)容，可以查看 V8內(nèi)存管理及垃圾回收機(jī)制

執(zhí)行上下文棧

執(zhí)行上下文棧是用來(lái)管理執(zhí)行上下文的。在執(zhí)行上下文創(chuàng)建好后，JavaScript引擎會(huì)將執(zhí)行上下文壓入到棧中，通常把這種用來(lái)管理執(zhí)行上下文的棧稱為執(zhí)行上下文棧，又稱調(diào)用棧。 

 
 
 
 
    
  
  
  
  
  1. let a = 'javascript';  
    2. 
  
  
  
  
  2. function foo() {  
    3. 
  
  
  
  
  3.     console.log('foo');  
    4. 
  
  
  
  
  4.     bar();  
    5. 
  
  
  
  
  5. }  
    6. 
  
  
  
  
  6. function bar() {  
    7. 
  
  
  
  
  7.     console.log('bar');  
    8. 
  
  
  
  
  8. }  
    9. 
  
  
  
  
  9. foo(); 
    10.

  1. 上述代碼在瀏覽器加載時(shí)，JavaScript 引擎創(chuàng)建了一個(gè)全局執(zhí)行上下文并把它壓入到當(dāng)前執(zhí)行棧。
  2. 當(dāng)遇到 foo() 函數(shù)調(diào)用時(shí)， JavaScript 引擎創(chuàng)建了一個(gè) foo 函數(shù)執(zhí)行上下文并把它壓入到當(dāng)前執(zhí)行棧的頂部。
  3. 當(dāng)從 foo() 函數(shù)內(nèi)部調(diào)用 bar() 函數(shù)時(shí)，JavaScript 引擎創(chuàng)建了一個(gè) bar 函數(shù)執(zhí)行上下文并把它壓入到當(dāng)前執(zhí)行棧的頂部。
  4. 當(dāng)函數(shù) bar 執(zhí)行完畢，它的執(zhí)行上下文會(huì)從當(dāng)前棧中彈出，控制流程到達(dá)下一個(gè)執(zhí)行上下文，即 foo() 函數(shù)的執(zhí)行上下文。
  5. 當(dāng) foo() 執(zhí)行完成，它的執(zhí)行上下文從棧彈出，控制流程到達(dá)全局執(zhí)行上下文，一旦所有代碼執(zhí)行完成，javaScript 引擎就從當(dāng)前棧中移除全局執(zhí)行上下文。

為什么基本數(shù)據(jù)類型存儲(chǔ)在棧中，引用數(shù)據(jù)類型存儲(chǔ)在堆中？JavaScript引擎需要用棧來(lái)維護(hù)程序執(zhí)行期間的上下文的狀態(tài)，如果?？臻g大了的話，所有數(shù)據(jù)都存放在棧空間里面，會(huì)影響到上下文切換的效率，進(jìn)而影響整個(gè)程序的執(zhí)行效率。


本文題目：深入理解JavaScript執(zhí)行上下文
瀏覽地址：http://www.dlmjj.cn/article/dpcigdd.html