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. 什么时候应该使用传址方式传递参数？

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

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

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

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。