js 传递 参数

在JavaScript中，传递参数给函数或方法是非常常见的操作。参数是函数定义中指定的变量，它们用于接收传递给函数的实际值。以下是关于JavaScript中参数传递的一些基础概念：

基础概念

1. 形参（Parameter）：函数定义时声明的变量，用于接收调用函数时传入的数据。
2. 实参（Argument）：调用函数时传递给函数的具体值或变量。

传递方式

JavaScript中的参数传递主要有两种方式：

1. 值传递：基本数据类型（如字符串、数字、布尔值、null、undefined）是通过值传递的。这意味着函数接收到的是实参值的一个副本。
2. 引用传递：对象（包括数组和函数）是通过引用传递的。这意味着函数接收到的是实参的内存地址，因此函数内部对对象的修改会影响到原对象。

示例代码

值传递示例

function changeValue(x) {
  x = 10;
}

let num = 5;
changeValue(num);
console.log(num); // 输出: 5

在这个例子中，num的值并没有因为调用changeValue函数而改变，因为传递的是值的副本。

引用传递示例

function changeObject(obj) {
  obj.name = 'Alice';
}

let person = { name: 'Bob' };
changeObject(person);
console.log(person.name); // 输出: Alice

在这个例子中，person对象的name属性在调用changeObject函数后被修改了，因为传递的是对象的引用。

应用场景

• 值传递适用于不需要修改原始数据的情况，可以保证函数内部的操作不会影响到外部变量。
• 引用传递适用于需要修改原始数据或者处理大型对象时，可以避免数据的复制，提高性能。

常见问题及解决方法

1. 意外的全局变量：如果在函数内部忘记使用var、let或const声明变量，那么这个变量会成为全局变量。解决方法是始终使用let或const声明变量。

function test() {
  let x = 10; // 正确
  y = 20; // 错误，y会成为全局变量
}

1. 对象属性修改：如果不希望函数内部修改传入的对象，可以在函数内部创建对象的副本。

function changeObject(obj) {
  let newObj = { ...obj }; // 创建对象的浅拷贝
  newObj.name = 'Alice';
  return newObj;
}

1. 深拷贝与浅拷贝：对于嵌套对象，浅拷贝可能无法完全复制对象。这时可以使用深拷贝来确保对象的完全复制。

let deepCopy = JSON.parse(JSON.stringify(originalObj)); // 简单的深拷贝方法

注意：使用JSON方法进行深拷贝有其局限性，例如无法复制函数、undefined、Infinity等特殊值。

了解这些基本概念和技巧可以帮助你更有效地在JavaScript中传递和处理参数。