JavaScript是通过引用传递还是通过值传递？

我的两分钱。。。这是我理解它的方式。（如果我错了，请随时纠正我）

是时候抛弃你所知道的关于传递值/引用的一切了。

因为在JavaScript中，它是通过值传递还是通过引用传递都不重要。重要的是变异与传递给函数的参数赋值。

好吧，让我尽力解释一下我的意思。假设您有几个对象。

var object1 = {};
var object2 = {};

我们所做的是“任务”。。。我们为变量“object1”和“object2”分配了两个单独的空对象。

现在，假设我们更喜欢对象1。。。因此，我们“分配”一个新变量。

var favoriteObject = object1;

接下来，无论出于什么原因，我们决定更喜欢对象2。所以，我们做了一点重新分配。

favoriteObject = object2;

对象1或对象2未发生任何情况。我们根本没有改变任何数据。我们所做的只是重新分配我们最喜欢的对象。重要的是要知道object2和favoriteObject都分配给了同一个对象。我们可以通过这些变量中的任何一个来改变这个对象。

object2.name = 'Fred';
console.log(favoriteObject.name) // Logs Fred
favoriteObject.name = 'Joe';
console.log(object2.name); // Logs Joe

好了，现在让我们看一下像字符串这样的原语

var string1 = 'Hello world';
var string2 = 'Goodbye world';

再次，我们选择一个最喜欢的。

var favoriteString = string1;

我们的favoriteString和string1变量都分配给“Helloworld”。现在，如果我们想更改我们的收藏夹字符串？？？会发生什么？？？

favoriteString = 'Hello everyone';
console.log(favoriteString); // Logs 'Hello everyone'
console.log(string1); // Logs 'Hello world'

噢。。。。发生了什么。我们无法通过更改收藏夹字符串来更改字符串1。。。为什么？因为我们没有更改字符串对象。我们所做的只是将favoriteString变量“RE ASSIGN”为一个新字符串。这实际上将其与字符串1断开。在前面的示例中，当我们重命名对象时，我们没有分配任何内容。（好吧，不是变量本身，……但是，我们确实将name属性分配给了一个新字符串。）相反，我们对保持2个变量和基础对象之间连接的对象进行了变异。（即使我们想修改或变异字符串对象本身，我们也不能这样做，因为字符串在JavaScript中实际上是不可变的。）

现在，转到函数和传递参数。。。。当你调用一个函数并传递一个参数时，你所做的基本上是对一个新变量的“赋值”，它的工作方式与你使用等号（=）赋值的方式完全相同。

举这些例子。

var myString = 'hello';

// Assign to a new variable (just like when you pass to a function)
var param1 = myString;
param1 = 'world'; // Re assignment

console.log(myString); // Logs 'hello'
console.log(param1);   // Logs 'world'

现在，同样的事情，但有一个函数

function myFunc(param1) {
    param1 = 'world';

    console.log(param1);   // Logs 'world'
}

var myString = 'hello';
// Calls myFunc and assigns param1 to myString just like param1 = myString
myFunc(myString);

console.log(myString); // logs 'hello'

好的，现在让我们举几个使用对象的例子。。。首先，没有函数。

var myObject = {
    firstName: 'Joe',
    lastName: 'Smith'
};

// Assign to a new variable (just like when you pass to a function)
var otherObj = myObject;

// Let's mutate our object
otherObj.firstName = 'Sue'; // I guess Joe decided to be a girl

console.log(myObject.firstName); // Logs 'Sue'
console.log(otherObj.firstName); // Logs 'Sue'

// Now, let's reassign the variable
otherObj = {
    firstName: 'Jack',
    lastName: 'Frost'
};

// Now, otherObj and myObject are assigned to 2 very different objects
// And mutating one object has no influence on the other
console.log(myObject.firstName); // Logs 'Sue'
console.log(otherObj.firstName); // Logs 'Jack';

现在，同样的事情，但有一个函数调用

function myFunc(otherObj) {

    // Let's mutate our object
    otherObj.firstName = 'Sue';
    console.log(otherObj.firstName); // Logs 'Sue'

    // Now let's re-assign
    otherObj = {
        firstName: 'Jack',
        lastName: 'Frost'
    };
    console.log(otherObj.firstName); // Logs 'Jack'

    // Again, otherObj and myObject are assigned to 2 very different objects
    // And mutating one object doesn't magically mutate the other
}

var myObject = {
    firstName: 'Joe',
    lastName: 'Smith'
};

// Calls myFunc and assigns otherObj to myObject just like otherObj = myObject
myFunc(myObject);

console.log(myObject.firstName); // Logs 'Sue', just like before

好的，如果你通读了这篇文章，也许你现在对JavaScript中函数调用的工作方式有了更好的理解。不管什么是通过引用还是通过值传递。。。重要的是赋值与变异。

每次将变量传递给函数时，都会“赋值”参数变量的名称，就像使用等号（=）一样。

始终记住等号（=）表示赋值。始终记住，在JavaScript中向函数传递参数也意味着赋值。它们是相同的，并且这两个变量以完全相同的方式连接（也就是说它们不是，除非你认为它们被分配给了同一个对象）。

“修改变量”影响不同变量的唯一时间是基础对象发生变化时（在这种情况下，您没有修改变量，而是修改对象本身）。

区分对象和基元是没有意义的，因为它的工作方式与没有函数的情况完全相同，只是使用等号分配给一个新变量。

唯一的错误是当传递到函数中的变量的名称与函数参数的名称相同时。当发生这种情况时，您必须将函数内的参数视为该函数专用的一个全新变量（因为它是）

function myFunc(myString) {
    // myString is private and does not affect the outer variable
    myString = 'hello';
}

var myString = 'test';
myString = myString; // Does nothing, myString is still 'test';

myFunc(myString);
console.log(myString); // Logs 'test'

2014-08-04 11:06:56

一切都是通过价值传递的。

基本类型按值传递（即，实际变量值的新副本传递给函数）。

复杂类型（对象）作为“对象指针”传递。因此，您传递的实际内容是一个指针，它是按值传递的（它是一个地址，一个像任何其他值一样的数值）。显然，如果您试图在函数内修改对象的属性，那么即使在该函数外，修改也会反映出来。这是因为您通过指向属性唯一副本的指针访问属性。

这里的混淆出现在“通过值传递指针”和“通过引用传递对象”上。

2021-11-05 11:13:32

对于编程语言律师，我已经阅读了ECMAScript 5.1的以下部分（它比最新版本更容易阅读），并在ECMASript邮件列表中询问了它。

TL；DR：一切都是通过值传递的，但Objects的财产是引用，标准中令人毛骨悚然地缺少Object的定义。

参数列表的构造

第11.2.4节“参数列表”说明了生成仅由1个参数组成的参数列表的以下内容：

生产ArgumentList:AssignmentExpression的计算如下：让ref是赋值表达式的结果。让arg为GetValue（ref）。返回唯一项为arg的列表。

本节还列举了参数列表包含0或>1个参数的情况。

因此，所有的都是通过引用传递的。

对象财产的访问

第11.2.1节“财产访问人”

生产MemberExpression:MemberExpression[Expression]的计算如下：让baseReference作为计算MemberExpression的结果。让baseValue为GetValue（baseReference）。让propertyNameReference作为表达式求值的结果。让propertyNameValue为GetValue（propertyNameReference）。调用CheckObject强制（baseValue）。让propertyNameString为ToString（propertyNameValue）。如果正在计算的语法生成包含在严格模式代码中，则让strict为true，否则让严格是假的。返回一个Reference类型的值，其基值为baseValue，其引用名称为propertyNameString，其严格模式标志为strict。

因此，对象的财产始终可用作参考。

关于参考

第8.7节“引用规范类型”中描述了引用在语言中不是真正的类型——它们仅用于描述删除行为、类型和赋值运算符。

“对象”的定义

5.1版中定义了“对象是财产的集合”。因此，我们可以推断，对象的值是集合，但是关于集合的值是什么，在规范中定义得很差，需要一些努力才能理解。

2017-07-28 13:17:37

它总是按值传递，但对于对象，变量的值是一个引用。因此，当您传递一个对象并更改其成员时，这些更改将在函数之外持续存在。这使得它看起来像是通过引用传递。但如果您实际更改了对象变量的值，您将看到更改不会持续，这证明它确实是通过值传递的。

例子：

函数changeObject（x）{x={member:“bar”}；console.log（“in changeObject:”+x.member）；}函数changeMember（x）{x.member=“bar”；console.log（“in changeMember:”+x.member）；}var x＝｛member:“foo”｝；console.log（“before changeObject:”+x.member）；changeObject（x）；console.log（“after changeObject:”+x.member）；/*更改没有持续*/console.log（“changeMember之前：”+x.member）；changeMember（x）；console.log（“after changeMember:”+x.member）；/*更改持续存在*/

输出：

before changeObject: foo
in changeObject: bar
after changeObject: foo

before changeMember: foo
in changeMember: bar
after changeMember: bar

2011-03-15 16:38:23