摘要:所以傳遞給函數的值是這個值,所以函數執行結束原始變量并不會改變。傳值調用在傳值調用中,傳遞給函數參數是函數被調用時所傳實參的拷貝。引用類型變量的值是一個指針,指向堆內存中的實際對象。所以傳共享調用也可以說是傳值調用。
1. 例子
先來看兩個個來自于 《JavaScript 高級程序設計》P70-P71 的兩個例子。
1.1. 基本類型參數傳遞function addTen(num) { num += 10; return num; } var count = 20; var result = addTen(count); alert(count); // 20, 沒有變化 alert(result); // 30
書上解釋說,JavaScript 參數傳遞都是按值傳參。
所以傳遞給 addTen 函數的值是 20 這個值,所以函數執行結束原始變量 count 并不會改變。
1.2. 引用類型參數傳遞function setName(obj) { obj.name = "Nicholas"; obj = new Object(); obj.name = "Greg"; } var person = new Object(); setName(person); alert(person.name); // Nicholas
為什么結果是 Nicholas 呢?
2. 傳值還是傳引用?疑問:如果是傳值,那應該是把 person 變量的值(也就是一個指向堆內存中對象的指針)傳遞到函數中,obj.name = "Greg"; 改變了堆內存中對象的屬性,為什么 person.name 還是 Nicholas ?
讓我們再將上面兩個例子綜合為下面的例子:
function changeStuff(a, b, c) { a = a * 10; b.item = "changed"; c = {item: "changed"}; } var num = 10; var obj1 = {item: "unchanged"}; var obj2 = {item: "unchanged"}; changeStuff(num, obj1, obj2); console.log(num); console.log(obj1.item); console.log(obj2.item);
最終的輸出結果是:
10 changed unchanged
所以 JS 到底是傳值調用還是傳引用調用呢?要弄清楚這個問題,首先我們要明白到底什么是傳值調用(Call-ny-value)和傳引用調用(Call-by-reference)。
2.1. 傳值調用(Pass by value)在傳值調用中,傳遞給函數參數是函數被調用時所傳實參的拷貝。在傳值調用中實際參數被求值,其值被綁定到函數中對應的變量上(通常是把值復制到新內存區域)。
即 changeStuff 的參數 a b c 是 num1 obj1 obj2 的拷貝。所以無論 a b c 怎么變化,num1 obj1 obj2 都保持不變。
問題就在于 obj1 變了。
2.2. 傳引用調用(Pass by reference)在傳引用調用調用中,傳遞給函數的是它的實際參數的隱式引用而不是實參的拷貝。通常函數能夠修改這些參數(比如賦值),而且改變對于調用者是可見的。
也就是說 changeStuff 函數內的 a b c 都分別與 num obj1 obj2 指向同一塊內存,但不是其拷貝。函數內對 a b c 所做的任何修改,都將反映到 num obj1 obj2 上 。
問題就在于 num 和 obj2 沒變。
從上面的代碼可以看出,JavaScript 中函數參數的傳遞方式既不是傳值,也不是傳引用。主要問題出在 JS 的引用類型上面。
JS 引用類型變量的值是一個指針,指向堆內存中的實際對象。
2.3. 傳共享調用(Call by sharing)還有一種求值策略叫做傳共享調用(Call-by-sharing/Call by object/Call by object-sharing)。
傳共享調用和傳引用調用的不同之處是,該求值策略傳遞給函數的參數是對象的引用的拷貝,即對象變量指針的拷貝。
也就是說, a b c 三個變量的值是 num obj1 obj2 的指針的拷貝。 a b c 的值分別與 num obj1 obj2 的值指向同一個對象。函數內部可以對 a b c 進行修改可重新賦值。
function changeStuff(a, b, c) { a = a * 10; // 對 a 賦值,修改 a 的指向,新的值是 a * 10 b.item = "changed"; // 因為 b 與 obj1 指向同一個對象,所以這里會修改原始對象 obj1.item 的內容 c = {item: "changed"}; // 對 c 重新賦值,修改 c 的指向,其指向的對象內容是 {item: "changed"} }3 代碼分析
接下來讓我們再來分析一下代碼。
3.1 變量初始化var num = 10; var obj1 = {item: "unchanged"}; var obj2 = {item: "unchanged"};3.2 調用函數
changeStuff(num, obj1, obj2);
可以看到,變量 a 的值就是 num 值的拷貝,變量 b c 分別是 obj1 obj2 的指針的拷貝。
函數的參數其實就是函數作用域內部的變量,函數執行完之后就會銷毀。
3.3 執行函數體a = a * 10; b.item = "changed"; c = {item: "changed"};
如圖所示,變量 a 的值的改變,并不會影響變量 num。
而 b 因為和 obj1 是指向同一個對象,所以使用 b.item = "changed"; 修改對象的值,會造成 obj1 的值也隨之改變。
由于是對 c 重新賦值了,所以修改 c 的對象的值,并不會影響到 obj2。
4. 結論從上面的例子可以看出,對于 JS 來說:
基本類型是傳值調用
引用類型傳共享調用
傳值調用本質上傳遞的是變量的值的拷貝。
傳共享調用本質上是傳遞對象的指針的拷貝,其指針也是變量的值。所以傳共享調用也可以說是傳值調用。
所以《JavaScript 高級程序設計》說 JavaScript 參數傳遞都是按值傳參 也是有道理的。
本文同步于我的博客 https://github.com/nodejh/nodejh.github.io/issues/32
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/81601.html
摘要:傳值和傳址有什么區別是傳值還是傳址開始在傳參時,是傳值還是傳址傳值和傳址假設要將傳到。傳值和傳址是傳值是傳值。分別是基本類型,對象和數組,還有。常量池時,好比是一張紙條,當要傳值給時,事實是把紙條上的內容抄給了。 傳值和傳址有什么區別?Java是傳值還是傳址? 開始 Java在傳參時,是傳值還是傳址? 傳值和傳址 假設要將A傳到B。如果是傳值,就意味著將A中存放的值復制一份給B,B存的...
摘要:講清楚之參數傳值參數傳值是指函數調用時,給函數傳遞配置或運行參數的行為,包括通過進行傳值。所以對的賦值會改變上下文棧中標識符保存的具體值此時如果使用的是按引用傳遞,則變量所指向的對象因該也被賦值為。 講清楚之 javascript 參數傳值 參數傳值是指函數調用時,給函數傳遞配置或運行參數的行為,包括通過call、apply 進行傳值。 在實際開發中,我們總結javascript參數傳...
閱讀 2422·2021-11-25 09:43
閱讀 1202·2021-09-07 10:16
閱讀 2616·2021-08-20 09:38
閱讀 2943·2019-08-30 15:55
閱讀 1462·2019-08-30 13:21
閱讀 894·2019-08-29 15:37
閱讀 1446·2019-08-27 10:56
閱讀 2097·2019-08-26 13:45