深入浅出解读Javascript中的求值策略
2023-09-22 01:21:41
JavaScript 作为一门强大的脚本语言，其独特的求值策略决定了程序运行时的行为。然而，很多人对于 JS 中的求值策略存在误解，认为对象类型作为函数参数时是按引用传递，而基础类型则是按值传递。本文将深入浅出地剖析 JS 中的求值策略，帮助读者纠正这一误解，并揭示参数传递方式的真正含义。
参数传递：值传递与引用传递
在计算机编程中，参数传递是指函数调用时将参数值从调用方传递给被调用方的过程。参数传递的方式主要分为值传递和引用传递两种。
-
值传递 ：在值传递中，函数调用时会将参数值复制一份传递给被调用方，被调用方只能操作这部分内存空间。当被调用方修改参数值时，不会影响调用方的参数值。
-
引用传递 ：在引用传递中，函数调用时会将参数的内存地址传递给被调用方，被调用方可以直接操作调用方的内存空间。当被调用方修改参数值时，会直接影响调用方的参数值。
JavaScript 中的参数传递
在 JavaScript 中，函数的参数总是按值传递，无论参数是基础类型还是对象类型。
基础类型
对于基础类型（包括数字、字符串、布尔值等），由于其值存储在栈内存中，因此在传递给函数时，其值会被复制一份，传递给被调用方。这意味着被调用方只能操作这部分内存空间，当其修改参数值时，不会影响调用方的参数值。
例如，以下代码演示了基础类型按值传递的原理：
function add(a, b) {
a += 1;
b += 1;
console.log("Inside the function: a =", a, "b =", b);
}
let a = 10;
let b = 20;
add(a, b);
console.log("Outside the function: a =", a, "b =", b);
输出结果为：
Inside the function: a = 11 b = 21
Outside the function: a = 10 b = 20
可以看出，在函数内部修改了 a 和 b 的值，但函数外部的 a 和 b 的值并没有改变。这是因为函数内部的参数 a 和 b 是按值传递的，其值是基础类型的副本，对它们的修改不会影响到函数外部的 a 和 b。
对象类型
对于对象类型，由于其值存储在堆内存中，因此在传递给函数时，其内存地址会被复制一份，传递给被调用方。这意味着被调用方可以直接操作调用方的内存空间，当其修改参数值时，会直接影响调用方的参数值。
例如，以下代码演示了对象类型按引用传递的原理：
function updateObject(obj) {
obj.name = "John";
console.log("Inside the function: obj =", obj);
}
let obj = { name: "Jane" };
updateObject(obj);
console.log("Outside the function: obj =", obj);
输出结果为：
Inside the function: obj = { name: 'John' }
Outside the function: obj = { name: 'John' }
可以看出，在函数内部修改了 obj 的 name 属性，函数外部的 obj 的 name 属性也随之改变了。这是因为函数内部的参数 obj 是按引用传递的，其值是对象类型的引用，对它的修改会直接影响到函数外部的 obj。
变量作用域和闭包
变量作用域是指变量在程序中可以被访问的范围。在 JavaScript 中，变量的作用域主要分为全局作用域和局部作用域。
-
全局作用域 ：全局作用域是整个程序都可以访问的变量作用域。
-
局部作用域 ：局部作用域是函数内部的变量作用域。
闭包是指可以访问其他函数作用域内的变量的函数。闭包的本质是将函数内部的变量存储在堆内存中，并通过函数返回将其暴露给外部。
闭包的出现使得 JavaScript 中的参数传递变得更加复杂。在闭包中，函数内部的变量即使在函数执行结束后仍然存在，因此被调用方可以继续访问这些变量，即使这些变量不在其局部作用域内。
例如，以下代码演示了闭包是如何影响参数传递的：
function createAdder(x) {
return function(y) {
return x + y;
};
}
const adder1 = createAdder(10);
const adder2 = createAdder(20);
console.log(adder1(5)); // 15
console.log(adder2(5)); // 25
在上面的代码中，createAdder 函数返回了一个闭包，该闭包可以访问其外部函数作用域内的变量 x。当调用 adder1(5) 时，内部函数将 x 的值设置为 10，并将其与 y 的值相加，返回结果 15。当调用 adder2(5) 时，内部函数将 x 的值设置为 20，并将其与 y 的值相加，返回结果 25。
总结
JavaScript 中的参数传递始终是值传递，无论是基础类型还是对象类型。对于基础类型，传递的是值的副本，对参数值的修改不会影响调用方的变量。对于对象类型，传递的是对象的引用，对参数值的修改会直接影响调用方的变量。变量作用域和闭包的存在使得 JavaScript 中的参数传递变得更加复杂，但通过理解这些概念，我们可以编写出更加健壮可靠的代码。
