對象是否通過JavaScript中的引用或值傳遞？

Question

在this post，筆者使用：

$.fn.wPaint = function(settings) { 
    settings = $.extend({}, defaultSettings, settings || {}); 

問：那不是覆蓋設置變量調用範圍是什麼？我想你想創建一個新的變量，這將意味着你有一個共3個變量：

1. 在封閉範圍的默認設置的參數
2. 的設置
3. 本地範圍內的設置

Answer 1

settings參數是對調用作用域中變量的引用。在你的函數中，你正在給設置變量賦值一個新的對象，這會中斷引用並將本地變量指向本地作用域中的新值。如果您修改了設置，而不分配給它，則會影響調用範圍中的設置。參數中的設置是本地作用域中的設置。

Answer 2

對象始終按引用傳遞。

在你的代碼中，你只是說本地變量settings將指向不同的對象。所以你通過引用傳遞對象，然後你說：「好吧，我對那個引用不再感興趣，指向那個對象」。

需要明確的是，如果您有：

var a = {foo: "bar"}; 
var b = a; 

b = {bar: "foo"}; 

你不會「毀」既不是「改變」原始對象{foo: "bar"}。您只需將b指向一個不同的對象，a仍然會指向原來的一個，所以不會受到影響。

這與您的情況相同。

Answer 3

在JavaScript中，所有參數都是「按值傳遞」的。關鍵是，在settings的情況下，該值是一個參考。

這與「參照」不一樣。它可以是類似的，你仍然引用同一個對象存儲：

$.fn.wPaint = function(settings) { 
    settings.foo = 'foo'; // updates object in calling scope 
    // etc. 
}; 

但是，改變settings本身只是改變了自己的價值，新的參考：

$.fn.wPaint = function(settings) { 
    settings = $.extend(...); 
}; 

Answer 4

如果你想這樣做您需要在對象{}內傳遞setting。

$.fn.wPaint = function(settingsContainer) { 
    settingsContainer.settings = $.extend({}, defaultSettings, settings || {}); 

-

var settingsContainer = {settings:originalSettings}; 
$.fn.wPaint(settingsContainer); 
originalSettings = settingsContainer.settings; 

Answer 5

您可以在settings對象作爲第一個參數傳遞給函數$.extend：

$.fn.wPaint = function(settings) { 
    $.extend(settings, defaultSettings, settings || {}); 
} 

見這個例子http://jsfiddle.net/26Bst/和了解更多詳情閱讀API entry。