JavaScript 中的「传值」和「传址」是什么，有什么区别

在JavaScript中，「传值」和「传址」是函数参数传递的两种机制。「传值」是指在调用函数时，实际传递的是变量值的一个副本，函数内部对参数的修改不会影响到实际的变量。而「传址」是指传递的不是值的副本，而是对象在内存中的地址，因此函数内部对参数对象的修改将会影响到实际的对象。在JavaScript中，基本数据类型（如Number、String、Boolean、null、undefined）默认是「传值」。复杂数据类型（如Object、Array、Function）则是「传址」。

一、传值（PRIMITIVE TYPES）

传值的机制较为直观。当一个变量向函数传递一个基本数据类型的值时，JavaScript引擎会创建该值的一个副本。随后，在函数内部，即使我们改变了参数的值，也不会对原始数据产生任何影响。

例如，对于基本数据类型：

function changeValue(num) {

    num = 100;
}
var a = 10;
changeValue(a);
console.log(a); // 输出 10，a的值没有被changeValue函数改变

这里，a是一个基本的数据类型变量（Number）。尽管changeValue函数将参数num的值设置为了100，但变量a的值仍然是传入前的10。

二、传址（REFERENCE TYPES）

与传值不同的是，在传递引用类型的数据时，传递的是对象在内存中的地址。这意味着函数参数如果是一个对象（包括数组和函数），那么修改参数时，实际上是对原对象进行操作。

在涉及到对象、数组和函数时：

function changeProperty(obj) {

    obj.prop1 = 100;
}
var myObj = { prop1: 10 };
changeProperty(myObj);
console.log(myObj.prop1); // 输出 100，函数内部的修改影响了原对象

在这个例子中，myObj是一个对象，它的属性prop1在函数changeProperty被调用后发生了变化，这是因为在函数内部，obj和myObj引用的是同一个对象。

三、理解原理

JavaScript中的传值和传址是由变量在内存中的存储形态所决定的：

• 基本类型的值直接存储在变量访问的位置，这是为什么值传递时是独立副本的原因。
• 引用类型的值存储在堆内存中，而变量存储的是这个值的引用（内存地址）。当参数传递的是这个引用时，函数内外的变量实际上访问的是堆内存中同一块区域。

四、注意事项

在使用过程中，需要特别注意一些行为可能带来的误解。例如在函数内部重新为一个对象参数赋值，并不会影响到原始对象。

function reassignObject(obj) {

    obj = { prop1: 100 };
}
var myObj = { prop1: 10 };
reassignObject(myObj);
console.log(myObj.prop1); // 输出 10，原始对象并未改变

虽然在reassignObject中，我们将obj指向了一个新的对象，但这只改变了函数内obj的引用，而原始对象myObj保持不变。

五、实战应用

理解这两种参数传递机制，对于写出高效和可预期的JavaScript代码至关重要。我们需要根据实际情况来决定是直接修改对象/数组，还是返回一个新的对象/数组副本以避免不必要的副作用。

function addItemToArray(arr, item) {

    arr.push(item);
}
var myArray = [1, 2, 3];
addItemToArray(myArray, 4);
console.log(myArray); // [1, 2, 3, 4]，原数组被修改

在这里，对myArray的修改反映出了传址的特性：addItemToArray函数对数组的修改影响到了myArray。这在修改状态或者处理共享数据时很有用，但如果需要避免这种副作用，则应该创建并返回一个新的数组。

理解以及正确运用「传值」和「传址」在JavaScript编程中是很重要的，它会影响到代码的可理解性、维护性以及可能出现的bug。通过上述例子和讲解，我们应该能够更清晰地理解它们的不同以及如何在实际开发中正确应用这些知识。

相关问答FAQs：

1. 传值和传址在 JavaScript 中有什么区别？

传值和传址是 JavaScript 中常用的两种参数传递方式，它们在使用时存在一些区别。当我们使用传值方式传递参数时，函数会创建一份参数的副本并进行操作，不会改变原始参数的值。而当我们使用传址方式传递参数时，函数会直接操作原始参数，可能会改变原始参数的值。

2. 什么时候应该使用传值方式传递参数？

在有些场景下，我们希望保持原始参数的不变性，即在函数内部不改变原始参数的值。这时我们可以使用传值方式传递参数，这样可以确保原始参数的值在函数内部不变。

例如，当我们要计算某个数字的平方时，原始数字本身不需要被改变，我们可以使用传值方式传递参数。

3. 什么时候应该使用传址方式传递参数？

在有些场景下，我们希望能够在函数内部改变原始参数的值，方便对参数进行修改。这时我们可以使用传址方式传递参数。

例如，当我们要对数组进行排序时，希望通过函数改变原始数组的顺序，我们可以使用传址方式传递参数。

需要注意的是，在使用传址方式传递参数时，对参数的修改可能会影响到函数外部的其他操作，因此在使用时需要谨慎考虑。