JS中的值是按值傳遞，還是按引用傳遞呢？

Jochen 發布于2019-08-19 18:36 / 671人閱讀

摘要：按引用傳遞時，函數的形參接收實參的隱式引用，而不再是副本。探究值的傳遞方式的基本類型，是按值傳遞的。但這樣是否說明的對象是按引用傳遞的呢我們再看下面的例子仍然是并未被修改為如果是按引用傳遞，修改形參的值，應該影響到實參才對。

最近遇到個有趣的問題：“JS中的值是按值傳遞，還是按引用傳遞呢？”

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

按值傳遞 VS. 按引用傳遞

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

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

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

按值傳遞由于每次都需要克隆副本，對一些復雜類型，性能較低。兩種傳值方式都有各自的問題。

探究JS值的傳遞方式

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

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

再來看對象：

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，也叫按對象傳遞、按對象共享傳遞)。最早由Barbara Liskov. 在1974年的GLU語言中提出。該求值策略被用于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。

GPU云服務器云服務器 java是按值傳遞的按值傳遞 java有按值傳遞引用傳遞

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79760.html

JavaScript之按值傳遞

摘要：中所有函數的參數都是按值傳遞的。基本類型本身是按值傳遞，具有不可變性，對基本類型的修改，實質上都是在棧內存中創建了新的值。中把這種拷貝也認為是按值傳遞。本文共 1200 字，讀完只需 5 分鐘概述參數的傳遞分為按值傳遞和按引用傳遞，而 JavaScript 中參數的傳遞只有按值傳遞。 ECMAScript 中所有函數的參數都是按值傳遞的。所謂按值傳遞就是：把函數外部的值復制給...

xiangchaobin 2019-08-23 12:30 評論0 收藏0
JavaScript中的求值策略

摘要：關于的求值策略，問中函數的參數傳遞是按值傳遞還是按引用傳遞回答很經典。所以不能說中函數的參數傳遞嚴格按值傳遞或按引入傳遞。中還采用一種參數傳遞策略，叫按共享傳遞。中參數是必須先求值再作為實參傳入函數的。參考求值策略中函數參數的默認值最近在研究 lambda 演算中的 η-變換在 JavaScript 中的應用，偶然在 stackoverflow 上看到一個比較有意思的問題。關于 J...

MrZONT 2019-08-22 13:48 評論0 收藏0
JavaScript參數傳遞方式

這幾天遇到js參數傳遞方式的問題，深切探究一番，將所得結果總結于此常見的幾種傳遞方式傳值調用（call by value）在傳值調用中實際參數被求值，其值被綁定到函數中對應的變量上（通常是把值復制到新內存區域）。在函數返回后調用者作用域里的曾傳給函數的任何東西都不會變。傳引用調用（call by reference）在傳引用調用求值中，傳遞給函數的是它的實際參數的隱式引用（即實際參數的地...

jcc 2019-08-26 12:17 評論0 收藏0
關于JavaScript 函數傳參

摘要：最早由在年的語言中提出。該求值策略被用于等多種語言。該策略的重點是調用函數傳參時，函數接受對象實參引用的副本既不是按值傳遞的對象副本，也不是按引用傳遞的隱式引用。它和按引用傳遞的不同在于在共享傳遞中對函數形參的賦值，不會影響實參的值。周五晚上下班回家的路上，突然想到了 CommonJS 規范、Node.js 模塊化等等各種東西，然后就想到了熟悉的 module.exports。大約...

CloudwiseAPM 2019-08-19 18:37 評論0 收藏0
js的基本數據類型和引用數據類型

摘要：熟悉的同學都知道，它的數據類型一般分為基本數據類型和引用數據類型復雜數據類型。基本數據類型基本數據類型有種新增。動態的屬性基本數據類型的值是沒有辦法添加屬性和方法的。類型檢測根據它的原型鏈來識別引用類型。熟悉js的同學都知道，它的數據類型一般分為基本數據類型和引用數據類型（復雜數據類型）。那么他們之間到底有什么不同？從下面這個例子入手： var a = 1; ...

kgbook 2019-08-26 10:36 評論0 收藏0