正文

JavaScript中地址传递与值传递详解：函数传参的深浅拷贝奥秘揭秘

/0 浏览量
0611

在JavaScript中，函数传参的方式是一个有趣且容易混淆的话题。很多人可能会认为函数传参就是简单的值传递，但实际上，JavaScript中的函数传参既可以是值传递，也可以是地址传递。本文将深入探讨JavaScript中地址传递与值传递的区别，以及深浅拷贝的奥秘。

值传递与地址传递

在JavaScript中，基本数据类型（如数字、字符串、布尔值等）和对象类型（如数组、对象等）在函数传参时有不同的处理方式。

值传递

对于基本数据类型，函数传参采用的是值传递。这意味着当我们将一个基本数据类型的变量作为参数传递给函数时，实际上传递的是该变量的值的一个副本。在函数内部对参数的修改不会影响到原始变量。

let a = 10;
function changeValue(b) {
    b = 20;
}
changeValue(a);
console.log(a); // 输出：10

地址传递

对于对象类型，函数传参采用的是地址传递。这意味着当我们将一个对象作为参数传递给函数时，实际上传递的是该对象的一个引用。在函数内部对参数的修改会影响到原始对象。

let obj = { value: 10 };
function changeValue(obj) {
    obj.value = 20;
}
changeValue(obj);
console.log(obj.value); // 输出：20

深浅拷贝

由于JavaScript中对象采用的是地址传递，因此在进行函数传参时，如果需要对对象进行修改，就需要考虑深浅拷贝的问题。

浅拷贝

浅拷贝是指创建一个新的对象，然后复制原始对象的所有可枚举属性到这个新对象上。如果原始对象中包含引用类型（如数组、对象等），则新对象和原始对象中的引用类型属性会指向同一个对象。

let obj = { value: 10, array: [1, 2, 3] };
let newObj = Object.assign({}, obj);
newObj.value = 20;
newObj.array.push(4);
console.log(obj.value); // 输出：10
console.log(obj.array); // 输出：[1, 2, 3, 4]

深拷贝

深拷贝是指创建一个新的对象，然后递归复制原始对象的所有属性（包括嵌套属性）到这个新对象上。如果原始对象中包含引用类型，则新对象中的引用类型属性也会创建一个新的副本。

let obj = { value: 10, array: [1, 2, 3] };
let newObj = JSON.parse(JSON.stringify(obj));
newObj.value = 20;
newObj.array.push(4);
console.log(obj.value); // 输出：10
console.log(obj.array); // 输出：[1, 2, 3]

总结

在JavaScript中，函数传参既可以是值传递，也可以是地址传递。对于基本数据类型，函数传参采用的是值传递；对于对象类型，函数传参采用的是地址传递。在进行函数传参时，如果需要对对象进行修改，就需要考虑深浅拷贝的问题。浅拷贝只会复制对象的所有可枚举属性，而深拷贝会递归复制所有属性，包括嵌套属性。

-- 展开阅读全文 --