js函数传参是按值传递还是按引用传递?

本文探讨了JavaScript中的基本类型与引用类型,并通过实例详细解释了这两种类型在变量复制及函数参数传递过程中的行为差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基本类型、引用类型

闲扯完了,开始写今天要总结的基础知识。

基本类型: undefined、Null、Boolean、Number、String五种 (简单的数据段);
引用类型: object (由多个值构成)。

两种类型在使用上的区别:

复制变量
这块好理解,看一个例子的对比就秒懂:

// 基本类型
var num1 = 5;
var num2 = num1;
num2 = 10;
console.log(num1 + ' | ' + num2); // 5 | 10

// 引用类型
var obj1 = new Object();
obj1.num = 5;
var obj2 = obj1;
obj2.num = 10;
console.log(obj1.num + ' | ' + obj2.num); // 10 | 10

一句话,引用类型复制的是指针的指向。
传递参数
刚开始看书上,说的是“按值传递”。然后抛出一个例子:

function addTen(num) {
num += 10;
return num;
}

var count = 20;
var result = addTen(count);
console.log(count + ' | ' + result); // 20 | 30

看完这个例子,秒懂按值传递。紧接着又来一段代码:

function setName(obj) {
obj.name = 'aaa';
return obj;
}

var person = new Object();
person.name = 'bbb';
var newPerson = setName(person);
console.log(person.name + ' | ' + newPerson.name); // aaa | aaa

看完这个例子,我就懵逼了。这段代码不是解释成按引用传递更合理吗?
然后又给了一个证明就算参数是引用类型也是按值传递的例子:

function setName(obj) {
obj.name = 'aaa';
var obj = new Object(); // 如果是按引用传递的,此处传参进来obj应该被重新引用新的内存单元
obj.name = 'ccc';
return obj;
}

var person = new Object();
person.name = 'bbb';
var newPerson = setName(person);
console.log(person.name + ' | ' + newPerson.name); // aaa | ccc

从结果看,并没有显示两个'ccc'。这里是函数内部重写了obj,重写的obj是一个局部对象。当函数执行完后,立即被销毁。
到这里,js高程解释完了按值传递和按引用传递。然而对于我这样智商略平的同学而言,还是一脸懵逼。于是去网上深入地了解了下。

引用值:对象变量它里面的值是这个对象在堆内存中的内存地址。因此如果按引用传递,它传递的值也就是这个内存地址。那么var obj = new Object();会重新给obj分配一个地址,比如是0x321了,那么它就不在指向有name = 'aaa';属性的内存单元了。相当于把实参obj和形参obj的地址都改了,那么最终就是输出两个ccc了。

最后看个例子,弄懂了也就差不多理解了。

# 作者信息
var a = {
num:'1'
};

var b = {
num:'2'
};

function change(obj){
obj.num = '3';
obj = b;
return obj.num;
}

var result = change(a);
console.log(result + ' | ' + a.num); // 2 | 3 

走一遍思路:
首先把a的值传到change函数内,obj.num = '3';a.name被修改为3;
a的地址被换成b的地址;
返回此时的a中a.num

按共享传递
在网上还看到一种叫 按共享传递 的说法,而且特别好理解。
大致概念是这样的:调用函数传参时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用)。 它和按引用传递的不同在于:在共享传递中对函数形参的赋值,不会影响实参的值。

可以回过头去看之前的例子,每个都符合用共享传递的概念去进行参数传递。关键是特别好理解,说的通俗点就是 先复制参数,然后把复制的这个放函数里面去折腾。
例子就不展开了,看官可以自己套几个demo。

对基本类型和引用类型的讨论主要在 函数参数的传递方式这块,希望对正在夯实js基础的你有所帮助。

<think>好的,我现在需要帮用户理解函数传参的三种方式:值传递、地址传递和引用传递的区别和联系。首先,我得回忆一下这些概念的基本定义,然后结合用户提供的三个引用内容来组织回答。 首先,用户提供的三个引用分别来自C++和JavaScript,所以可能需要区分不同语言中的实现差异。比如,JS中只有值传递,但如果是对象的话,传递的是引用的副本,这可能和C++的引用传递不同。不过用户主要问的是三种方式,所以重点可能在C++中的情况。 接下来,我需要明确每种传递方式的机制: 1. **值传递**:函数接收的是实参的拷贝。修改形参不会影响实参。适用于基本类型,但对于大对象可能效率低,且有浅拷贝问题。引用[2]提到值传递是单向的,形参是实参的拷贝,改变形参不影响实参。 2. **地址传递(指针传递)**:传递的是变量的地址,函数通过指针间接访问和修改实参。需要解引用操作,如引用[1]中的例子,用指针来交换变量。这种方式可以修改实参,但操作相对繁琐,需要注意指针的有效性。 3. **引用传递**:C++中的引用是别名,传递时直接操作原变量,语法更简洁。引用[2]提到引用传递不需要解引用,直接操作原变量,适合结构体和类,避免拷贝开销。 然后,需要比较它们的区别和联系: - **参数类型**:值传递是拷贝,地址传递是指针,引用传递是别名。 - **操作方式**:地址传递需要解引用,引用传递直接使用。 - **效率**:值传递对于大对象效率低,地址和引用传递更高效。 - **安全性**:指针可能为空或野指针,引用则必须初始化且不为空。 - **语言差异**:如JS中的对象传递是引用副本,属于共享传递,修改属性会影响原对象,但重新赋不会,这点可能需要说明。 用户可能混淆不同语言中的表现,比如JS的“引用传递”其实和C++的不同。不过用户的问题可能更关注C++的情况,因为引用[1]和[2]都是C++相关的。但引用[3]提到JS的情况,可能需要简要对比。 然后,组织回答的结构: 1. 分点解释三种传递方式,每种包括定义、特点、示例代码(可能的话)、适用场景。 2. 对比三者的区别,比如参数类型、内存操作、效率、安全性。 3. 总结联系,比如地址和引用传递都能修改实参,值传递保护原数据。 4. 添加相关问题,帮助用户深入理解。 需要注意的是,用户提供的引用中有提到地址传递在C++中的例子,如交换函数使用指针,而引用传递则更简洁。同时,引用[2]指出复合类型避免值传递,推荐指针或引用。这些点都要整合到回答中。 可能需要检查示例代码的正确性,比如C++中的swap函数使用指针和引用的不同写法,确保语法正确。此外,是否需要区分指针传递和引用传递函数定义和调用时的差异,比如调用时指针需要取地址,而引用直接传递变量。 最后,确保回答符合用户的要求:结构清晰,分步骤解释,引用标记正确,添加相关问题。同时使用中文,数学公式正确用$符号。</think>### 函数传参的三种方式及区别 #### 一、值传递 **定义**:将实参的**拷贝**一份传递给形参,函数内操作的是拷贝后的数据,不会影响原始实参。 **特点**: - 形参是实参的独立副本,修改形参不影响实参[^2]。 - 适用于基本数据类型(如`int`, `char`)或不需要修改实参的场景。 - 对复合类型(如结构体、类)可能引发性能问题(深拷贝开销)。 **示例**(C++): ```cpp void mySwapValue(int a, int b) { int temp = a; a = b; b = temp; // 交换失败,实参不变 } ``` --- #### 二、地址传递(指针传递) **定义**:将实参的**内存地址**传递给形参(指针),通过解引用操作直接修改内存中的原始数据。 **特点**: - 需使用取地址符`&`传递参数,函数内用`*`操作指针指向的[^1]。 - 可修改实参,但需注意空指针或野指针问题。 - 适用于需要修改实参或传递大型数据的场景。 **示例**(C++): ```cpp void mySwapPointer(int* a, int* b) { int temp = *a; *a = *b; *b = temp; // 交换成功,实参被修改 } ``` --- #### 三、引用传递 **定义**:形参是实参的**别名**,直接操作原始数据,语法更简洁(无需解引用)。 **特点**: - 形参与实参共享内存地址,修改形参即修改实参。 - 语法安全(引用必须初始化且不可为空)。 - 适用于需要高效修改实参的场景,尤其是复合类型(如类、结构体)。 **示例**(C++): ```cpp void mySwapRef(int &a, int &b) { int temp = a; a = b; b = temp; // 交换成功,实参被修改 } ``` --- #### 四、三者的区别与联系 | **特性** | 值传递 | 地址传递 | 引用传递 | |----------------|----------------------|-----------------------|-----------------------| | **参数类型** | 拷贝 | 指针 | 别名 | | **内存操作** | 独立副本 | 直接操作原数据 | 直接操作原数据 | | **效率** | 低(复合类型) | 高 | 高 | | **安全性** | 高(保护原数据) | 需防指针异常 | 高(不可为空) | | **语法复杂度** | 简单 | 需`*`和`&`操作符 | 简洁(无符号) | **联系**: - 地址传递和引用传递都能直接修改实参,但引用传递语法更安全、简洁。 - 值传递通过拷贝保护原始数据,适用于函数内局部修改。 --- #### 五、跨语言对比(JavaScript) 在JavaScript中: - **基本类型**(如`number`, `string`)是值传递,修改形参不影响实参。 - **引用类型**(如`Object`, `Array`)是“共享传递”:传递的是引用的副本,修改属性会影响原对象,但重新赋形参不会影响实参[^3]。 **示例**: ```javascript function updateObj(obj) { obj.value = 2; // 修改属性,原对象被影响 obj = { value: 3 }; // 重新赋,原对象不变 } ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值