JS基礎之傳參（值傳遞、對象傳遞）

時間 2019-11-09

原文原文鏈接

1、概念

　　咱們需瞭解什麼是按值傳遞(call by value)，什麼是按引用傳遞(call by reference)。在計算機科學裏，這個部分叫求值策略(Evaluation Strategy)。它決定變量之間、函數調用時實參和形參之間值是如何傳遞的。segmentfault

按值傳遞 VS. 按引用傳遞

　　按值傳遞(call by value)是最經常使用的求值策略：函數的形參是被調用時所傳實參的副本。修改形參的值並不會影響實參。後端

　　按引用傳遞(call by reference)時，函數的形參接收實參的隱式引用，而再也不是副本。這意味着函數形參的值若是被修改，實參也會被修改。同時二者指向相同的值。函數

　　按引用傳遞會使函數調用的追蹤更加困難，有時也會引發一些微妙的BUG。性能

　　按值傳遞因爲每次都須要克隆副本，對一些複雜類型，性能較低。兩種傳值方式都有各自的問題。lua

　可能不少人都是作後端的，全部會想到「引用傳遞」，然而實際上卻不是，致使了問題的產生。spa

按共享傳遞 call by sharing

　　總的來說Stack Overflow上Community Wiki的解答，對於傳遞到函數參數的對象類型，若是直接改變了拷貝的引用，那是不會影響到原來的那個對象；若是是經過拷貝的引用，去進行內部的值的操做，那麼就會改變到原來的對象的。 .net

　　如下是個很好的例子code

function changeStuff(state1, state2)
{
  state1.item = 'changed';
  state2 = {item: "changed"};
}

var obj1 = {item: "unchanged"};
var obj2 = {item: "unchanged"};

changeStuff(obj1, obj2);
console.log(obj1.item);  // obj1.item becomes 'changed'  
console.log(obj2.item);  // obj2.item is still 'unchanged'

2、實例解析

探究JS值的傳遞方式

JS的基本類型，是按值傳遞的。對象

var a = 1;
function foo(x) {
    x = 2;
}
foo(a);
console.log(a); // 仍爲1, 未受x = 2賦值所影響

再來看對象：blog

var obj = {x : 1};
function foo(o) {
    o.x = 3;
}
foo(obj);
console.log(obj.x); // 3, 被修改了!

說明o和obj是同一個對象，o不是obj的副本。因此不是按值傳遞。但這樣是否說明JS的對象是按引用傳遞的呢？

咱們再看下面的例子：

var obj = {x : 1};
function foo(o) {
    o = 100;
}
foo(obj);
console.log(obj.x); // 仍然是1, obj並未被修改成100.

　　若是是按引用傳遞，修改形參o的值，應該影響到實參纔對。但這裏修改o的值並未影響obj。所以JS中的對象並非按引用傳遞。那麼究竟對象的值在JS中如何傳遞的呢？

按共享傳遞 call by sharing

　　準確的說，JS中的基本類型按值傳遞，對象類型按共享傳遞的(call by sharing，也叫按對象傳遞、按對象共享傳遞)。該求值策略被用於Python、Java、Ruby、JS等多種語言。

　　該策略的重點是：調用函數傳參時，函數接受對象實參引用的副本(既不是按值傳遞的對象副本，也不是按引用傳遞的隱式引用)。

　　它和按引用傳遞的不一樣在於：在共享傳遞中對函數形參的賦值，不會影響實參的值。

　　以下面例子中，不能夠經過修改形參o的值，來修改obj的值。

var obj = {x : 1};
function foo(o) {
    o = 100;
}
foo(obj);
console.log(obj.x); // 仍然是1, obj並未被修改成100.

　　然而，雖然引用是副本，引用的對象是相同的。它們共享相同的對象，因此修改形參對象的屬性值，也會影響到實參的屬性值。

var obj = {x : 1};
function foo(o) {
    o.x = 3;
}
foo(obj);
console.log(obj.x); // 3, 被修改了!

　　對於對象類型，因爲對象是可變(mutable)的，修改對象自己會影響到共享這個對象的引用和引用副本。而對於基本類型，因爲它們都是不可變的(immutable)，按共享傳遞與按值傳遞(call by value)沒有任何區別，因此說JS基本類型既符合按值傳遞，也符合按共享傳遞。

var a = 1; // 1是number類型，不可變 var b = a; b = 6;

　　據按共享傳遞的求值策略，a和b是兩個不一樣的引用(b是a的引用副本)，但引用相同的值。因爲這裏的基本類型數字1不可變，因此這裏說按值傳遞、按共享傳遞沒有任何區別。

基本類型的不可變(immutable)性質

　　基本類型是不可變的(immutable)，只有對象是可變的(mutable).

　　例如數字值100, 布爾值true, false，修改這些值(例如把1變成3, 把true變成100)並無什麼意義。

　　比較容易誤解的，是JS中的string。有時咱們會嘗試「改變」字符串的內容，但在JS中，任何看似對string值的」修改」操做，實際都是建立新的string值。

var str = "abc";
str[0]; // "a"
str[0] = "d";
str; // 仍然是"abc";賦值是無效的。沒有任何辦法修改字符串的內容

　　而對象就不同了，對象是可變的。

var obj = {x : 0};
obj.x = 100;
var o = obj;
o.x = 1;
obj.x; // 1, 被修改
o = true;
obj.x; // 1, 不會因o = true改變

　　這裏定義變量obj，值是object，而後設置obj.x屬性的值爲100。然後定義另外一個變量o，值仍然是這個object對象，此時obj和o兩個變量的值指向同一個對象（共享同一個對象的引用）。因此修改對象的內容，對obj和o都有影響。但對象並不是按引用傳遞，經過o = true修改了o的值，不會影響obj。

　　https://developer.mozilla.org/zh-CN/docs/Glossary/Primitive 引