深入理解JavaScript 参数按值传递

深入理解JavaScript的参数传递：按值、按引用还是按共享传递？长沙网络推广带你

===============================

在ECMAScript（JavaScript的一种标准）中，所有的函数参数都是按值传递的。但这并不意味着所有的情况都是如此，这其中涉及到的复杂性让许多开发者对于JavaScript的参数传递方式产生了混淆。让我们来一起深入了解。

我们要理解什么是按值传递。当我们将一个值传递给函数时，实际上是复制了这个值，然后把这个副本赋值给函数的参数。在函数内部对参数的修改并不会影响到原始的值。这就像我们从一个变量复制值到另一个变量一样。

例如：

```javascript

var value = 1;

function foo(v) {

v = 2; // 这里修改的是v的副本，不会影响原始的value

console.log(v); // 输出2

}

foo(value);

console.log(value) // 输出1

```

当我们传递的是对象时，情况就变得复杂了。尽管对象是一种复杂的数据结构，JavaScript在传递对象参数时并不是直接传递对象的引用，而是传递对象的引用的一个副本。我们可以修改对象的属性，因为我们是通过引用访问这些属性的。但如果试图在函数内部改变参数的引用，原始对象的引用不会被改变。这就是所谓的“按共享传递”。

例如：

```javascript

var obj = {

value: 1

};

function foo(o) {

o.value = 2; // 这里修改的是obj的属性的引用，因为o是obj引用的一个副本

console.log(o.value); // 输出2

}

foo(obj);

console.log(obj.value) // 输出2

```

如果我们尝试改变函数内部的参数引用本身，原始对象的引用并不会改变：

```javascript

var obj = {

value: 1

};

function foo(o) {

o = 2; // 这里是试图改变参数o的引用，不会影响到原始的obj对象

console.log(o); // 输出的是新赋值的o，而不是obj的属性值

}

foo(obj);

console.log(obj.value) // 输出仍然为1，说明obj的引用并未改变

```

我们可以这样理解：如果是基本类型（如数字、字符串等），参数是按值传递的；如果是对象类型，参数是按共享传递的。因为即使是对象，JavaScript在传递时也是创建了一个引用的副本，而不是直接传递引用。在某些教材或红宝书中，即使是对象，也将其视为按值传递。这是因为传递对象的引用的副本也是一种值的拷贝。理解了这一点，我们就可以更深入地理解JavaScript的参数传递方式了。接下来我们会继续深入JavaScript的其他底层知识，如原型、作用域、执行上下文等难点概念。希望大家多多支持狼蚁SEO的这篇文章和系列文章的学习。