JavaScript参数传递_值引用机制-js教程-PHP中文网

JavaScript参数传递_值引用机制

狼影

发布： 2025-11-30 18:34:02

原创

333人浏览过

JavaScript函数传参是按值传递引用。基本类型传递值的副本，修改不影响原变量；对象类型传递引用地址的副本，可修改对象属性但重新赋值参数不影响原引用。

javascript参数传递_值引用机制

JavaScript中的参数传递机制常被误解为“值传递”或“引用传递”的简单分类，但实际上它遵循一种更准确的说法：按值传递引用，也叫引用的值传递。

基本类型：真正的值传递

当函数接收一个基本类型（如 number、string、boolean、null、undefined、symbol）作为参数时，传入的是该值的一个副本。

说明：

在函数内部修改参数变量，不会影响外部原始变量。
因为传递的是“值的拷贝”，两者完全独立。

示例：

function changeValue(a) {
  a = 10;
  console.log(a); // 输出 10
}
let num = 5;
changeValue(num);
console.log(num); // 输出 5 —— 原值未变

登录后复制

对象类型：传递的是引用的值

当参数是对象（包括数组、函数、普通对象）时，JavaScript传递的是该对象在堆内存中地址的副本，也就是“引用的值”。

立即学习“Java免费学习笔记（深入）”；

关键点：

函数内部可以通过这个引用访问并修改对象的实际内容。
但如果重新赋值参数变量，只会改变局部引用，不影响原引用。

示例1：修改对象属性

帮管客CRM客户管理系统

基于WEB的企业计算，php+MySQL进行开发，性能稳定可靠，数据存取集中控制，避免了数据泄漏的可能，采用加密数据传递参数，保护系统数据安全，多级的权限控制，完善的密码验证与登录机制更加强了系统安全性。

1377

查看详情

function changeObj(obj) {
  obj.name = "changed";
  console.log(obj.name); // 输出 "changed"
}
let person = { name: "original" };
changeObj(person);
console.log(person.name); // 输出 "changed" —— 原对象被修改

登录后复制

示例2：重新赋值参数

function reassignObj(obj) {
  obj = { name: "new" };
  console.log(obj.name); // 输出 "new"
}
let person = { name: "original" };
reassignObj(person);
console.log(person.name); // 输出 "original" —— 原对象未受影响

登录后复制