js按值传递还是按引用传递?

js和其他大部分语言一样,有基本类型和引用类型。因此访问变量就有按值按引用两种方式,但是传参的时候却只能按值传递。基本类型作为参数时按值传递自然无可厚非,但引用类型作为参数也按值传递就让人有点困惑了。

看下面这个例子:

 1 function setName(obj){
 2
 3   obj.name = "Sim";
 4
 5 }
 6
 7 var person = new Object();
 8
 9 setName(person);
10
11 alert(person.name);  //"Sim"

以上代码创建了一个名为person的对象,并且将其作为参数传给了setName函数。我们在函数内部给传进来的对象添加了一个name属性并赋值,之后在函数外部访问person.name,会弹出"Sim"。一般我们都说,若是按值传递的话,形参在函数内的变化不会影响到实参的变化,但这个例子中,函数内部给形参加上的属性在实参中也有此属性。这会让人产生一种误解,感觉引用类型传参貌似是按照引用传递的啊!

下面再给出一个例子:

var obj1 = {
  value:‘111‘
};

var obj2 = {
  value:‘222‘
};

function changeStuff(obj){
  obj.value = ‘333‘;
  obj = obj2;
  return obj.value;
}

var foo = changeStuff(obj1);

console.log(foo);// ‘222‘ 参数obj指向了新的对象obj2
console.log(obj1.value);//‘333‘

上面例子打印出了形参obj和实参obj1的value值我们可以清楚的看到,这两个value值并不一样,因此可以证明引用类型的参数并非是按照引用传递的。

至于为什么会出现这种情况,那就有必要来理解一下js中的数据存储与访问的机制了。

声明变量时的内存分配

基本类型:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。这是因为这些原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。

引用类型:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存地址。这是因为:引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。

复制变量时的不同:

基本类型:在将一个保存着原始值的变量复制给另一个变量时,会将基本类型的副本赋值给新变量,此后这两个变量是完全独立的,他们只是拥有相同的value而已。

引用类型:在将一个保存着对象内存地址的变量复制给另一个变量时,会把这个内存地址赋值给新变量,也就是说这两个变量都指向了堆内存中的同一个对象,他们中任何一个作出的改变都会反映在另一个身上。(这里要理解的一点就是,复制对象时并不会在堆内存中新生成一个一模一样的对象,只是多了一个保存指向这个对象指针的变量罢了)

在清楚了这些之后,我们再来结合之前的那个例子来看:

可以看到之所以给形参加上属性之后,实参也会带有此属性。那是因为实参,形参都是指向储存在堆内存中的对象的指针。我们改变的其实是堆内存中的对象的属性,obj和obj1都没有发生改变。但当执行了obj = obj2之后,相当于将obj指向了obj2所指向的value值为‘222‘的对象。

搞清楚了这些,估计你就能理解为什么引用类型的传参方式是按值传递了吧!

时间: 2024-08-06 11:53:46

js按值传递还是按引用传递?的相关文章

js按值传递和按引用传递

摘要:js的数据类型有种划分方式为 原始数据类型和 引用数据类型. 原始数据类型 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置.栈区包括了 变量的标识符和变量的值. 引用数据类型 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处.放在栈空间中的值是该对象存储在堆中的地址. 按值传递 VS. 按引用传递 按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本.修改形参的值

JavaScript 是按值传递还是按引用传递的

今天又回顾了一下js基础,发现自己很渣,后来看了一下js函数啊的传递,那么js到底是按值传递还是按引用传递呢?(本人新手一枚,如果有什么不正确的地方,还请各位大神指点博正) 答案是肯定的,按值传递. JS所有的函数参数的传递都是按值传递的,而引用类型传递的也是一个值(指向堆内存中的对象的指针副本),这里只说引用类型的传递. 先给大家看一个比较常见的,让人误解为引用传递的. function changeObj(o){ o.name = "changeobj"; } var p = {}

按值传递和按引用传递

ECMAScipt中所有函数的参数都是按值传递的.也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样. 在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量(形参,arguments对象中的一个元素).而传递引用类型的值,会把这个值在内存的地址复制给一个局部变量,因此当局部变量的变化会反映在函数的外部. Javascript代码 : function addTen(num){  num+=10; return num; } var count=10; v

关于php按值传递和按引用传递问题

首先让我们来看一段代码: 01 <!--?php 02 $a = 111; 03 $b = 222; 04 function cz(& $a,$b){ 05         $a += $b; 06         $b += 4; 07     } 08 cz($a,$b); 09 echo '$a='.$a.'</br---->'; 10 echo '$b='.$b; 11 ?> 这段代码,首先在函数cz外定义了两个变量$a和$b,然后在函数cz内,对两个变量进行了相应

JavaScript中函数参数的按值传递与按引用传递(即按地址传递)

首先声明一句:JavaScript中所有函数的参数都是按值传递的!不存在按引用传递! 在讲传递参数之前我们先来讲一下指针. 学过C指针的应该都知道,指针变量中保存的是一个地址,程序可以根据所保存的地址访问内存中对应的值并进行操作,如下图: 其中地址为0x00000016保存的是一个地址,指向地址0x00000036,即0x00000016被开辟为一个指针变量,可以引用0x00000036地址的值,这是按引用方式访问变量:另外一种访问变量的方式是按值访问,即图中0x00000008地址. 在Jav

C# 按值传递与按引用传递的区别

一.引言 C#中参数的传递方式可以分为两类,按值传递和按引用传递.如果再根据参数的类型进行细分,大致可以分为如下四种: 值类型的按值传递 引用类型的按值传递 值类型的按引用传递 引用类型的按引用传递 string类型作为一种特殊的引用类型,部分人认为在作为参数进行传递的时候,它的表现与其他的引用类型是不一致的.但是透过现象看本质,我们深入分析一下,就会发现,在作为参数进行传递方面,string类型与其他的引用类型是没有区别的. 二.四种传递方式解析 1. 值类型的按值传递 按值传递时,传递过去的

java中按值传递和按引用传递问题

相信对很多初学java的人来说这个问题还是很重要,因为不同于C,C++,java明确说明取消了指针,因为指针往往是再带来方便的同时也是导致代码不安全的根源,而且还会使得程序变得非常复杂和难以理解.java放弃指针只是在java语言中没有明确的指针定义,实质上,每一个new语句返回的都是一个指针的引用.只不过在大多数时候java不用关心如何操作这个"指针",更不像在操作C++的指针那样胆战心惊,唯一要多注意的是在给函数传递对象的时候.所以,初学java的人不必花费太多精力去了解,但是对于

java中的按值传递和按引用传递

先使用int实验: public class TTEST { private static List<UserEntity> mList = new LinkedList<UserEntity>(); public static void main(String[] args) { int a = 0; changeA(a); System.out.println("a = "+a); } public static void changeA(int a){ a

JS是按值传递还是按引用传递

按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本.修改形参的值并不会影响实参. 按引用传递(call by reference)时,函数的形参接收实参的隐式引用,而不再是副本.这意味着函数形参的值如果被修改,实参也会被修改.同时两者指向相同的值. 按引用传递会使函数调用的追踪更加困难,有时也会引起一些微妙的BUG.  按值传递由于每次都需要克隆副本,对一些复杂类型,性能较低.两种传值方式都有各自的问题. JS的基本类型,是按值传递的. 1 var a