浅谈JavaScript 函数参数传递到底是值传递还是引用传递

JavaScript中的函数参数传递机制一直以来都是一个讨论热点。许多人认为JavaScript是引用传递，也有人认为它同时具有值传递和引用传递的特性。实际上，JavaScript的参数传递方式可以理解为"按值传递基本类型"和"按引用传递引用类型"。 1. 基本类型参数传递： 对于基本类型（如字符串、数字、布尔值、null和undefined），JavaScript在函数调用时，会创建一个参数的副本，并将基本类型的值复制到这个副本中。这意味着，即使函数内部修改了参数的值，也不会影响到函数外部原始的基本类型变量。例如： ```javascript function add(num) { num += 10; return num; } let num = 10; console.log(add(num)); // 输出20 console.log(num); // 输出10 ``` 在这个例子中，`num`在函数内部被增加10，但是因为它是按值传递的，所以函数外部的`num`值保持不变。 2. 引用类型参数传递： 对于引用类型（如对象），JavaScript传递的是对象引用的副本，而不是对象本身。这意味着，当函数内部修改引用类型参数的属性时，会影响到原始对象。例如： ```javascript function setName(obj) { obj.name = "ted"; } let obj = new Object(); setName(obj); console.log(obj.name); // 输出"ted" ``` 在这个例子中，虽然函数内部创建了一个新的引用副本，但是它们都指向同一个对象。因此，当在函数内部修改`obj.name`时，函数外部的`obj`也会反映出这个变化。 然而，如果在函数内部重新给引用类型参数赋值，这将创建一个新的对象，并且函数内部和外部的引用将不再指向同一对象： ```javascript function setName(obj) { obj.name = "ted"; obj = new Object(); obj.name = "marry"; } let obj = new Object(); setName(obj); console.log(obj.name); // 输出"ted" ``` 在这个例子中，函数内部的`obj`被重新赋值，创建了一个新对象，所以外部的`obj`仍然指向原来的对象，其`name`属性仍然是"ted"。 JavaScript的参数传递机制并非纯粹的值传递或引用传递。对于基本类型，它按值传递；而对于引用类型，它传递的是引用的副本，使得内部修改会影响到原始对象。这种机制在一定程度上类似于Java，避免了内存泄露的问题，同时也提供了灵活性，允许开发者通过引用修改对象的状态。了解这一点对于理解和编写JavaScript代码至关重要。