JavaScript中函数都是值传递吗

在JavaScript中，函数参数的传递方式常常引起混淆，但一句话概括则是：函数参数是如何传递的依赖于参数的数据类型。原始类型（如Number、String、Boolean）是通过值传递的，而对象类型（包括数组和函数）是通过引用传递的。这意味着，当你传递了一个对象给函数时，你实际上传递的是该对象在内存中的地址，而不是它的一个复制。因此，如果函数内部修改了这个对象的属性，那么这些修改在函数外部也是可见的。而对于原始类型的值，因为传递的是值的副本，所以函数内部的改变不会影响到外部的变量。

接下来，让我们来更详细地探讨这个问题。

一、值传递 VS 引用传递

在JavaScript中理解函数参数传递机制的关键，在于区分 值传递 和 引用传递 的区别。

• 值传递（Pass by Value） 意味着当一个变量传递给函数时，JavaScript会自动复制这个变量的值，在函数内部创建一个新的副本。这意味着，任何在函数内部对这个值的修改，都不会影响到原始数据。

• 引用传递（Pass by Reference） 则是传递对象（包括数组和函数）时使用的方法。在这种情况下，传递的不是对象的一个复制，而是对象在内存中的地址。因此，如果在函数内部对这个对象进行修改，那么外部的对象也会被修改。

二、深入原始类型和对象类型

让我们更深入地了解原始类型和对象类型在函数参数传递中的行为差异。

原始类型

原始类型如String、Number、Boolean、undefined、null、Symbol在作为参数传递给函数时，都是通过值传递的。这意味着，函数内部获得参数的副本，对其的任何修改都不会影响到原参数。

function changeValue(value) {

  value = "changed";
  console.log("Inside Function:", value);
}
let message = "original";
changeValue(message);
console.log("Outside Function:", message);

在以上代码中，虽然在changeValue函数内部修改了value的值，但是外部的message值并未受影响，因为message是通过值传递给函数的。

对象类型

对象类型，在JavaScript中包括对象、数组和函数。当这些类型被作为参数传递给函数时，实际上传递的是它们在内存中的地址，也因此是通过引用传递的。

function changeProperty(obj) {

  obj.property = "changed";
  console.log("Inside Function:", obj);
}
let myObj = {property: "original"};
changeProperty(myObj);
console.log("Outside Function:", myObj);

在这个示例中，myObj对象作为参数传递给changeProperty函数时，传递的是引用。因此，当函数内部修改了myObj的property属性时，外部的myObj也被影响了。

三、误解与真相

关于JavaScript函数参数传递的讨论，往往充满误解。一种常见的误解是认为JavaScript总是使用引用传递。实际上，JavaScript的函数参数传递，严格来说，都是通过值传递的。只不过当值是对象时，传递的值恰好是对象在内存中的地址。

探究引用传递的真相

当说到“引用传递”，我们需要明白，传递给函数的是引用的值，而不是引用本身。这意味着如果你试图在函数内部重新分配一个对象到一个参数，这个重新分配不会影响到原始引用。

function reassignObject(obj) {

  obj = {property: "changed"};
  console.log("Inside Function:", obj);
}
let myObj = {property: "original"};
reassignObject(myObj);
console.log("Outside Function:", myObj);

在这个例子中，尽管在函数内部obj被重新分配了一个全新的对象，外部的myObj并没有改变，仍然指向原始对象。这是因为obj参数的值（即原始对象的内存地址）在函数内部被一个新的地址覆盖了，而外部的myObj仍然保持着原始对象的地址。

四、深入探索

接下来，让我们深入探索几个相关概念，以加深理解。

函数作为参数

当函数作为参数传递时，同样遵循上述原则。因为函数本质上也是对象，所以传递的是它们在内存中的地址。这使得高阶函数（接受函数作为参数或返回函数的函数）在JavaScript中极为强大和灵活。

深复制和浅复制

讨论值传递和引用传递时，不得不提深复制（Deep Copy）和浅复制（Shallow Copy）。浅复制只复制对象的第一层属性，而深复制则是递归复制了对象的所有层级。在处理复杂对象时，理解这两者的区别至关重要。

如何实现真正的传引用

虽然在JavaScript中无法直接通过参数实现真正的引用传递，但你可以通过传递对象的属性或者使用数组等方式，间接实现类似效果。例如，你可以将原始类型的值包裹在一个对象或数组中，然后将这个对象或数组传递给函数。通过这种方式，即便是原始类型的值，也可以实现在函数外部被修改的效果。

function changeInside(wrapper) {

  wrapper.value = "changed";
}
let wrapper = {value: "original"};
changeInside(wrapper);
console.log("After Function Call:", wrapper.value);

在这个例子中，即使wrapper.value本质上是一个原始类型，但通过对象wrapper传递，我们仍然能够实现在函数外部对其修改的目的。

总结

综上所述，理解JavaScript中函数参数是如何传递的，关键在于理解值传递和引用传递的差异。原始类型总是通过值传递，而对象类型则是通过引用传递。掌握这一核心概念，对于深入理解JavaScript及其函数调用机制至关重要。在实际开发中，这一知识点将帮助你更精准地控制函数的行为，避免一些常见的陷阱和错误。

相关问答FAQs：

问题1： JavaScript中的函数是如何传递的？
回答： 在JavaScript中，函数既可以通过值传递（pass by value），也可以通过引用传递（pass by reference）。具体传递方式取决于函数参数的数据类型。对于原始数据类型（如数字、字符串和布尔值），函数参数是通过值传递的。这意味着函数内的修改不会影响原始值。而对于引用数据类型（如对象和数组），函数参数是通过引用传递的。这意味着函数内的修改会影响原始值。

问题2： JavaScript中的函数参数是直接传值吗？
回答： 在JavaScript中，函数参数实际上是通过传递值的方式传递的。当我们调用函数时，函数参数的值被复制到函数的局部变量中。这意味着在函数内部对参数进行修改不会影响到原始值。然而，对于引用数据类型的参数，值的复制实际上是引用的复制。这意味着函数内部对引用对象的修改会影响到原始对象。

问题3： JavaScript中的函数传递是否影响原始值？
回答： 对于原始数据类型参数（如数字、字符串和布尔值），函数传递不会影响到原始值。这是因为函数参数是通过值传递的，参数的值被复制到函数内部。函数内部的修改只会在函数作用域内生效，不会影响到函数外部的原始值。然而，对于引用数据类型参数（如对象和数组），函数传递会影响到原始值。这是因为参数的复制是通过引用的方式进行的，函数内部对引用对象的修改会反映在原始对象上。

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