DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 關於javascript作用域的常見面試題分享
關於javascript作用域的常見面試題分享
編輯:關於JavaScript     

本文主要給大家分享了關於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。沒有聲明也沒有賦值的話,就再向上一層查找,直到找到為止。如果所有的執行環境都沒有找到,那麼控制台就會報錯變量找不到。

函數的話就更簡單了:找本層環境是否有預解析的函數,有的話即可執行。沒有的話還是向上查找。

好了,

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved