正文

掌握JavaScript中函数参数的值传递和引用传递

/0 浏览量
0329

JavaScript中的函数参数传递有两种方式：值传递（pass-by-value）和引用传递（pass-by-reference）。这两种方式在处理函数参数时有着不同的表现，理解它们对于编写高效的JavaScript代码至关重要。

值传递（Pass-by-Value）

在值传递中，当函数被调用时，传递给函数的参数是变量的一个副本。这意味着函数内部对参数的任何修改都不会影响原始变量。

示例：

function changeNum(num) {
    num = num + 1;
}

let num = 5;
changeNum(num);
console.log(num); // 输出：5

在这个例子中，changeNum函数接收一个参数num，对其进行修改，但原始变量num的值保持不变。

引用传递（Pass-by-Reference）

在引用传递中，传递给函数的参数是一个变量的引用（在JavaScript中通常是内存地址）。这意味着函数内部对参数的任何修改都会影响原始变量。

示例：

function changeArray(arr) {
    arr.push(3);
}

let myArray = [1, 2];
changeArray(myArray);
console.log(myArray); // 输出：[1, 2, 3]

在这个例子中，changeArray函数接收一个数组arr，并向其添加一个新元素。由于数组是通过引用传递的，原始数组myArray也被修改了。

对象和数组的特殊处理

JavaScript中的对象和数组实际上是引用类型。这意味着它们在传递给函数时，传递的是引用而不是值的副本。

对象的值传递和引用传递

function changeObject(obj) {
    obj.value = 10;
}

let obj = { value: 5 };
changeObject(obj);
console.log(obj.value); // 输出：10

在这个例子中，changeObject函数接收一个对象obj，并修改了它的属性。由于对象是通过引用传递的，原始对象obj的属性被修改了。

数组的值传递和引用传递

function changeArray(arr) {
    arr[0] = 10;
}

let arr = [5];
changeArray(arr);
console.log(arr); // 输出：[10]

在这个例子中，changeArray函数接收一个数组arr，并修改了其第一个元素。由于数组是通过引用传递的，原始数组arr也被修改了。

总结

理解JavaScript中的值传递和引用传递对于编写高效的代码至关重要。值传递适用于基本数据类型，而引用传递适用于对象和数组。通过了解这两种传递方式，你可以更好地控制函数对变量的影响，并编写出更可靠的代码。

-- 展开阅读全文 --