JS中的值传递和引用传递

2023-11-07 06:29:39

引言

JavaScript 作为一门动态语言，其变量传递机制对于理解程序的执行流程至关重要。本文将深入探讨 JavaScript 中的值传递和引用传递机制，以帮助开发者构建健壮且高效的应用程序。

值传递

值传递是最常见的变量传递机制。在这种机制下，原始变量值被复制到函数或其他上下文中，而原始变量本身不会受到影响。JavaScript 的基本数据类型（布尔值、空值、未定义、数字、大整数、字符串和符号）都是通过值传递的方式。

例如：

let num = 10;
function changeNum(num) {
  num = 20;
}
changeNum(num);
console.log(num); // 输出：10

在这个例子中，变量 num 被传递给 changeNum() 函数。函数内，一个新的变量 num 被创建并分配了值 20。然而，原始变量 num 并没有受到影响，其值仍然为 10。这是因为基本数据类型是通过值传递的，函数内对变量值的更改不会影响原始变量。

引用传递

引用传递是一种不同的变量传递机制，它涉及变量的内存地址而不是值。JavaScript 中的对象和数组是通过引用传递的。当一个对象或数组被传递给函数或其他上下文时，传递的并不是其值，而是对其内存地址的引用。

例如：

let obj = { name: 'John' };
function changeObj(obj) {
  obj.name = 'Jane';
}
changeObj(obj);
console.log(obj.name); // 输出：Jane

在这个例子中，对象 obj 被传递给 changeObj() 函数。函数内，对对象的 name 属性进行了更改。由于对象是通过引用传递的，函数内对属性值的更改也会反映在原始对象中。

值传递与引用传递的差异

了解值传递和引用传递之间的差异对于编写健壮且高效的 JavaScript 应用程序至关重要。下表总结了这两种机制之间的主要差异：