JavaScript 传值与传址机制详解：引用类型、基本类型及闭包应用

JavaScript 传值与传址基础概念

在 JavaScript 开发中，引用与复制的概念常被忽视，但厘清这一核心机制有助于深入理解语言行为。

首先回顾基础数据类型，明确不同类别在赋值时的传递方式差异。

对于对象、数组及函数等引用类型，传递的是其内存地址的引用。

数字与布尔值等基本类型，传递的是实际数值的副本。

字符串类型较为特殊，因其不可变性，通常无需纠结其传递形式；但在比较操作中，它表现为传值比较（后续将详述比较逻辑）。

函数参数传递中的引用行为

接下来通过具体应用场景展示引用与复制的实际表现。

最直观的应用场景即为变量赋值操作。

var a = 1;
var b = a;  //赋的是a的复制值
b ++;
alert(a);  //"1"  b的修改不影响a
/****************************************/
var a = [1];
var b = a;   //赋的是a的引用 
b[0] ++;
alert(a); //"2"  b的修改对a也有效  不过当然b = [2];这种修改对a是没用的。

函数参数传递是另一个关键场景，涉及传值与传址的不同行为。

传值传递时，函数接收的是数值副本，对函数内部该变量的修改不会反映到外部。

var a = 1;
var b = 2;
function change(a,b) {
 var c = a;
 a = b;   //用新引用覆盖
 b = c;
 alert(a);  //"2"     
 alert(b);  //"1"
}
change(a,b);
alert(a);  //"1"     
alert(b);  //"2"

传址传递时，函数接收的是引用副本。若修改引用指向的属性，外部可见；但若用新引用覆盖原参数变量，则外部不受影响，例如以下代码所示情况。

var a = [1, 2, 3];
var b = [5, 6];
function change(a,b) {
 a[0] = 4;  //对其属性的修改外部可见 
 var c = a;
 a = b;   //用新引用覆盖
 b = c;
 alert(a);  //"5,6"     
 alert(b);  //"4,2,3"
}
change(a,b);
alert(a);  //"4,2,3"
alert(b);   //"5,6"

从结果可见，变量 a 和 b 并未互换。这是因为函数内部使用新引用覆盖了参数变量，而该操作仅作用于局部副本，无法改变外部全局变量的引用指向。这符合函数仅持有引用副本而无权修改原引用的逻辑。

然而，若采用以下代码结构，情况则有所不同。

var a = [1, 2, 3];
var b = [5, 6];
function change() {
 var c = a;
 a[0] = 4;
 a = b;
 b = c;
};
change();
alert(a);  //"5,6"
alert(b);  //"4,2,3"

此时成功实现了变量 a 和 b 的互换。

这涉及 JavaScript 的作用域机制。在某些具备块级作用域的语言中，此代码会报错，但 JavaScript 缺乏块级作用域，因此函数内部找不到局部变量 a 和 b 时，会向上层作用域查找，从而获取全局变量的引用。

相比之下，前例中的 a 和 b 是函数参数变量，调用时传递的是全局变量的引用副本。由于不能直接修改外部全局变量，仅修改局部参数变量，因此外部不变。若将参数重命名，逻辑将更为清晰。

此处仅作简要说明，虽稍离主题，但有助于理解作用域影响。

比较运算中的引用与值差异

回到引用与复制的核心，在比较运算中需注意以下关键区别。

传值类型的比较基于数值本身，而传址类型的比较基于引用地址。即使两个对象的值相同，若引用地址不同，比较结果仍为不相等。

1 == 1;  //true
1 === 1;  //true
[0] == [0]; //false
[0][0] == [0][0];  //true
[0][0] === [0][0];  //true
[0].toString() == [0].toString();  //true 

闭包机制中的变量引用捕获

此外，闭包机制中也涉及传值与引用的重要关系。

闭包常被视为 JavaScript 中最复杂的概念之一，也是面试中的高频考点。

此处暂不深入探讨闭包全貌，仅聚焦其涉及的传值与引用部分。待能用清晰条例、简明语言及生动实例彻底阐释闭包后，再行详细介绍这一 JS 核心特性。

在闭包中，内部函数访问外部函数的局部变量时，采用引用方式而非复制方式。

这是理解闭包的关键点，可借此解释一个经典现象，该例子广泛用于闭包教学中。

/*构造一个函数，给数组中的节点设置事件处理程序，当点击一个节点时，alert出节点的序号*/
var add_handlers = function (nodes) {
  var i;
  for (i = 0, l = nodes.length; i < l; i ++) {
    nodes[i].onclick = function (e) {
      alert(i);  // 当然这里的结果必然是每次alert的都是节点总数。。。。
    }
  }
};

为何每次点击节点时 alert 的总是节点总数，而非预期的序号？利用引用与复制的概念解释此现象将非常直观。

原因在于内部函数在使用外部变量 i 时捕获的是其引用而非副本。当为每个节点设置 onclick 事件时，传递的是变量 i 的引用。点击节点触发事件时，循环已结束，i 的值已变为节点总数，因此 alert 显示总数。

var add_handlers = function (nodes) {
  var i;
  for (i = 0, l = nodes.length; i < l; i ++) {
 
    nodes[i].onclick = function (i) {
      return function(){
      alert(i);  
      }
 }(i);
  }
};

修正后的代码之所以正确，是因为此时传入的是 i 值的副本。这与普通函数行为一致，无需因闭包而困惑，回归传址传递的本质即可理解。

顺便提及，不必被“闭包”这一术语吓倒。其原理与普通函数无异，可将其视为普通函数（或视全局函数为特殊闭包），剥离“长生命周期”“保护私有变量”等附加特性后，易于理解。

关键在于回归本质，去除冗余概念。此处再次稍离主题。

以上关于 JavaScript 传值与传址的探讨即为全部内容，希望能提供有益参考，欢迎支持本站。