js函數傳參


 也許大家對於函數的參數都不會太在意,簡單來說,把函數外部的值復制給函數內部的參數,就和把值從一個變量復制到另一個變量一樣。深入研究,你會發現其實沒那么簡單,這個傳參是要分倆種情況(其實這是個錯誤的說法,ECMAScript中所有函數的參數都是按值傳遞的——《高程3》原話,之所以這里說倆種,是因為結合引用傳參更容易理解)—— 值傳參和引用傳參。 

  值傳參針對基本類型,引用傳參針對引用類型,傳參可以理解為復制變量值。基本類型復制后倆個變量完全獨立,之后任何一方改變都不會影響另一方;引用類型復制的是引用(即指針),之后的任何一方改變都會映射到另一方。

  不少人對參數都是按值傳遞的感到困惑,因為訪問變量有按值和按引用兩種方式。下面就來看看有何不同:

  

  這一段很重要:我們可以把ECMAScript函數的參數想象成局部變量。在向參數傳遞基本類型的值時,被傳遞的值被復制給一個局部變量(即命名參數,或者用ECMAScript的概念來說,就是arguments對象中的一個元素)。在向參數傳遞引用類型時,會把這個值在內存中的地址(指針)復制給一個局部變量,因此這個局部變量的變化會反映在函數的外部。

 

  1、按值傳遞

復制代碼
1 function addTen(num) {
2     num += 10;
3     return num;
4 }
5 
6 var count = 20;
7 var result = addTen(count);  //按值傳遞 num = count
8 alert(count);  // 20, 沒變化
9 alert(result);  // 30
復制代碼

  很好理解,因為是按值傳遞的,傳遞完后倆個變量各不相干!

 

  2、按引用傳遞(這么叫便於理解,其實也是按值傳遞)

復制代碼
1 function setName(obj) {
2     obj.name = "Nicholas";
3 }
4 
5 var person = new Object();
6 setName(person);   //相當於按值傳遞  obj = person
7 alert(person.name);   // "Nicholas"
復制代碼

   var person = new Object(); 時,可以用下圖表示變量和對象的關系:

  當調用函數 setName(person); 時,下圖可以表示全局變量person和局部變量obj的關心:

  以上代碼中創建一個對象,並將其保存在變量person中。然后,這個變量被傳遞到setName(obj)函數中之后就被復制給了obj。在這個函數內部,obj和person引用的是同一個對象。換句話說,即使ECMAScript說這個變量時按值傳遞的,但obj也會按引用來訪問同一個對象。於是,在函數內部為obj添加name屬性后,函數外部的person也將有所反應;因為這時的person和obj指向同一個堆內存地址。所以,很多人錯誤的認為:在局部作用域中修改的對象會在全局對象中反映出來,就說明參數是按引用傳遞的。

  

  為了證明對象也是按值傳遞的,我們再來看看下面這個經過修改的例子:

復制代碼
1 function setName(obj) {
2     obj.name = "Nicholas";
3     obj = new Object(); //改變obj的指向,此時obj指向一個新的內存地址,不再和person指向同一個
4     obj.name = "Greg";
5 }
6 
7 var person = new Object();
8 setName(person);  //你看看下面,相信我也是按值傳遞的了吧
9 alert(person.name);  //"Nicholas"
復制代碼

  當創建obj對象 obj = new Object();  時,來看看這時person和obj的關系圖:

  這個例子與前一個唯一的區別,就是setName()函數中添加了兩行代碼: obj = new Object(); 用來改變obj的指向; obj.name = "Greg"; 用來給新創建的obj添加屬性。如果是按引用傳遞的,那么person就會自動被修改為指向新創建的obj的內存地址,則person的name屬性值被修改為"Greg"。但是,當訪問person.name時,顯示的結果為"Nicholas"。這說明即使在函數內部修改了參數的值,但原始的引用仍然保持未變。實際上,當在函數內部重寫obj時,這個變量引用的就是一個局部對象了。而這個局部對象會在函數執行完畢后被立即銷毀!

雖然變量person和參數obj的值一樣都是同一個對象在內存中的地址,但它們是兩個相互獨立的變量。如果在函數中改變參數obj的值,使其指向內存中另外一個對象,變量person的值不會改變,還是指向原來的對象。

因此JavaScript中函數的引用類型值參數的傳遞是按值傳遞的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM