建站
咨詢
售后
建站咨詢
新聞中心
變量對象是一個與執(zhí)行上下文相關(guān)的特殊對象，存儲著上下文中聲明的內(nèi)容。按照執(zhí)行上下文可劃分為全局上下文中的變量對象和函數(shù)上下文中的對象。
為軹城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及軹城網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、軹城網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！
全局上下文中變量對象
全局對象在進入全局執(zhí)行上下文之前就已經(jīng)完成創(chuàng)建，該對象只有一份，其屬性可在程序任何位置訪問，其生命周期將在程序退出時終止。例如定義在全局的變量、Math、Date等都屬于全局上下文中的變量對象。
函數(shù)上下文中的變量對象
在函數(shù)執(zhí)行上下文中的存在著與該執(zhí)行上下文相關(guān)的內(nèi)容：形參、函數(shù)聲明、變量，這就是函數(shù)中的變量對象。(下文將重點介紹函數(shù)中的變量對象)
在“百題斬——執(zhí)行上下文”中講述了執(zhí)行上下文分為創(chuàng)建階段和代碼執(zhí)行階段，其中創(chuàng)建階段中會完成變量創(chuàng)建;在代碼執(zhí)行階段會完成變量賦值。下面從這兩個階段介紹該過程。
- function test(x, y, z) {
- console.log(arguments);
- console.log(childFun());
- console.log(val1);
- var val1 = 10;
- console.log(val1);
- function childFun() {
- return 'childFun';
- }
- console.log(childFun());
- }
11.1 創(chuàng)建階段
在變量對象的創(chuàng)建過程中，分別完成以下幾個步驟：
創(chuàng)建arguments對象
arguments 是一個對應(yīng)于傳遞給函數(shù)的參數(shù)的類數(shù)組對象。在變量對象創(chuàng)建階段，首先檢查當前上下文中的參數(shù)，建立該對象下的屬性與屬性值。arguments的創(chuàng)建后的結(jié)果如下所示：
- [Arguments] { '0': x, '1': y, '2': z }
檢查function函數(shù)聲明創(chuàng)建屬性
在變量對象中以函數(shù)名建立一個屬性，屬性值為指向該函數(shù)所在內(nèi)存地址的引用。如果函數(shù)名的屬性已經(jīng)存在，那么該屬性將會被新的引用所覆蓋。
檢查變量聲明創(chuàng)建屬性
對于var聲明的變量，每找到一個就在變量對象中以變量名建立一個屬性，屬性值為undefined。如果該變量名的屬性已經(jīng)存在，為了防止同名的函數(shù)被修改為undefined，則會直接跳過，原屬性值不會被修改。對于let和const聲明的變量只會建立一個屬性但并沒有對齊進行賦值，所以不能進行使用。
11.2 執(zhí)行階段
未進入執(zhí)行階段之前，變量對象中的屬性都不能訪問,但是進入執(zhí)行階段之后，變量對象(VO)轉(zhuǎn)變?yōu)榱嘶顒訉ο?AO)，里面的屬性都能被訪問了，然后開始進行執(zhí)行階段的操作。(變量對象和活動對象其實都是同一個對象，只是處于執(zhí)行上下文的不同生命周期)
首先看一下整個代碼的執(zhí)行結(jié)果
- function test1(x, y, z) {
- console.log(arguments); // [Arguments] { '0': 1, '1': 2, '2': 3 }
- console.log(childFun()); // childFun
- console.log(val1); // undefined
- var val1 = 10;
- console.log(val1); // 10
- function childFun() {
- return 'childFun';
- }
- console.log(childFun()); // childFun
- }
- test1(1, 2, 3);
- 上面中的arguments接收到了傳入的參數(shù)，完成了對應(yīng)屬性值的賦值過程，并驗證了arguments參數(shù)的結(jié)構(gòu);
- childFun函數(shù)在兩個位置均可以調(diào)用輸出正確的執(zhí)行結(jié)果，證明在創(chuàng)建階段函數(shù)得到了提升并完成了對應(yīng)的賦值;
- val1變量在初始化之前可以進行調(diào)用，則證明在其創(chuàng)建階段完成了變量提升，但是其值只被賦值為undefined，當執(zhí)行到對應(yīng)語句才正確賦值。
本文轉(zhuǎn)載自微信公眾號「執(zhí)鳶者」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系執(zhí)鳶者公眾號。
新聞名稱：前端百題斬——通俗易懂的變量對象
網(wǎng)頁網(wǎng)址：http://m.5511xx.com/article/cdpscdp.html
