本文主要給大家分享了關於javascript作用域面試題的相關內容,分享出來供大家參考學習,下面來一起看看吧。
一、作用域:
在了解作用域之前,首先需要明白一些基礎概念:
每一個變量、函數都有其作用的范圍,超出作用不得使用,這個叫做作用域。
二、全局變量、局部變量:
1.全局變量:
(1)在全局范圍內聲明的變量,如var a=1;
(2)只有賦值沒有聲明的值,如a=2;
(注:如果a=2在函數環境中,也是全局變量)
2.局部變量:
寫入函數中的變量,叫做局部變量。
3.作用:
(1)程序的安全。
(2)內存的釋放。
三、作用域鏈:
查找量的過程。先找自己局部環境有沒有聲明或者是函數,如果有,則查看聲明有無賦值或者是函數的內容,如果沒有,則向上一級查找。
四、預解析順序:
每個程序都要做的工作,程序開始先預解析語法,標點符號是否有誤,解析內存是否可容納,解析變量……直到解析無誤了,才開始按正常的流程順序走。試想一下,如果沒有預解析順序,直接按流程順序走,可能程序執行到最後一個函數,發現了語法錯誤,才開始報錯,那性能要有多差啊!
順序內容:
1.文件內引用的<script>塊依次解析,從上到下連成一片。
2.每個script塊內部的var(注意:只解析變量名,不解析值,如var a=2;
將var a解析在環境的開頭,並不解析後面的值,只有當程序執行到var a=2
這行時,才會給變量賦值),function解析到本塊的開頭。
3.依次解析每個環境,將var
,function
解析到環境的開頭。
五、應用場景(一些常見的作用域相關的面試題):
var a="aa"; function test(){ alert(a);//undefined,函數執行後,在函數環境內,var a會預解析,當彈出a時,首先先找本層環境內有無聲明,發現有。但是代碼沒有執行到賦值,所以結果是undefined。 var a="bb";//var a會預解析在函數開頭,執行到這行才進行賦值 alert(a);//“bb” } test(); alert(a);//"aa" 找全局環境下的聲明,找到了var a="aa"
var a="aa"; function test(){ alert(a);//“aa”,函數執行後,在函數環境內,沒有找到本層環境關於a的聲明,所以開始向上一層環境查找。 a="bb";//執行到這行開始改變全局a的量 } test(); alert(a);//"bb" 全局環境的a在函數執行時已經被改變
function test(){ b();//函數b會被預解析,因此可以調用,執行了輸出1; var a=1; function b(){ console.log(1); console.log(a);//undefined var a=2; } } test();
六、總結:
要搞清楚一個變量的作用域,重點是搞清楚預解析順序,然後再判斷作用域的范圍,這些都是有套路可言:先找本層環境有無聲明,有的話,看是否進行了賦值;只有聲明沒有執行賦值,就是undefined。沒有聲明也沒有賦值的話,就再向上一層查找,直到找到為止。如果所有的執行環境都沒有找到,那麼控制台就會報錯變量找不到。
函數的話就更簡單了:找本層環境是否有預解析的函數,有的話即可執行。沒有的話還是向上查找。
好了,