DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺析JavaScript中的變量復制、參數傳遞和作用域鏈
淺析JavaScript中的變量復制、參數傳遞和作用域鏈
編輯:關於JavaScript     

今天在看書的過程中,又發現了自己目前對Javascript存在的一個知識模糊點:JS的作用域鏈,所以就通過查資料看書對作用域鏈相關的內容進行了學習。今天學習筆記主要有這樣幾個關鍵字:變量、參數傳遞、執行環境、變量對象、作用域鏈。

  1.變量

  變量需要注意的有兩點:變量聲明和復制變量值。

  變量聲明肯定大家都很熟悉,在JS中我們都是通過 var 關鍵字進行變量聲明的。JS中規定,通過var聲明的變量會被添加到最近的環境中,如果聲明並且初始化一個變量沒有用到var關鍵字,這個變量會被添加到全局環境中。

  關於復制變量值,因為變量的類型不同復制的過程也不同。如果變量是一個基本類型的變量的話,復制變量值時會給新復制出的變量分配新的空間,兩個變量值互不影響;如果變量是一個引用類型的話,復制的操作其實是讓兩個變量指向了同一處內存空間,修改其中一個,另一個也會跟著改變。《Javascript 高級程序設計》中的圖例其實很形象            

  2.參數傳遞

  JavaScript中的參數傳遞全部是按照值傳遞的。基本類型做參數一般都不會有什麼困惑,如果引用類型做了參數,類似下面這個例子:

function setName(obj){
obj.name = "tom";
}
var person = new Object();
setName(person);
alert(person.name);//顯示tom 

  這個例子中我們在setName中修改了變量的內容,在函數外也生效了。剛開始我也以為程序執行應該會彈出 undefined 或者報錯,但是卻彈出了在函數的作用域中修改的值。分析了一下參數傳遞的整個過程,這個疑惑就解決了。在參數傳遞的過程中,有很重要的一步:變量值復制。我們在調用函數時其實進行了 obj=person 這樣一步操作,所以根據上面提到的引用類型變量值復制的特點,當我們修改obj時,同時也就修改了person的值。所以JS參數傳遞的方式是值傳遞,並且只能是值傳遞。

  3.執行環境、變量對象、作用域鏈

  我對執行環境、執行環境的理解有點類似與類和對象:

  執行環境中定義了變量、函數和函數可以訪問到的其他數據,而當這個執行環境被激活時,就會根據這個執行環境創建出一個變量對象提供給解析器使用。執行環境就好比是類,變量對象就對應是對象。

  當一個執行環境激活時,它就會被推入一個棧的棧頂中執行,當它執行完畢,會將它移出棧,執行在它之前進入棧的環境,以此類推。

  而作用域鏈相當於一個存放變量對象的棧,越早被激活的執行環境創建出的變量對象越在下面,當前激活的執行環境的變量對象位於棧頂。如果當前執行環境執行完畢,那麼就需要將棧頂的變量對象(對應執行環境)從棧頂移出。

  而執行環境在執行時,解析器需要訪問變量等數據都是從作用域頂端開始查找,也就是從當前執行環境對應的變量對象開始查找,如果查找不到,則往下進入外層執行環境對應的變量對象中查找,一直持續到找到需要的對象或找到全局環境的變量對象為止。所以這種查找方式也就說明了太多定義在全局環境中的變量比較影響程序的性能。

  今天學習的東西主要是概念性質的,而且比較抽象。但是這部分對於後面所有的知識都是基礎,像是之後的閉包啊,繼承啊,原型啊都要對這部分內容有很好的理解才能學的更明白透徹,所以這部分內容應該反復學習,要相信溫故而知新,古人誠不欺我也(。・∀・)ノ゙

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