js函数传递对象参数

1、在 javascript 中数据类型能够分为两类:javascript

  • 原始数据类型值 primitive type,如Undefined,Null,Boolean,Number,String。
  • 引用类型值,也就是对象类型 Object type,如Object,Array,Function,Date等。

2、声明变量时不一样的内存分配java

  • 原始值:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。这是由于这些原始类型占据的空间是固定的,因此可将他们存储在较小的内存区域 – “”中。这样存储便于迅速查寻变量的值
  • 引用值:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存地址。这是由于:引用值的大小会改变,因此不能把它放在栈中,不然会下降变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,因此把它存储在栈中对变量性能无任何负面影响。

image.png

3、不一样的内存分配机制也带来了不一样的访问机制函数

在javascript中是不容许直接访问保存在“堆”内存中的对象的,因此在访问一个对象时,首先获得的是这个对象在堆内存中的地址,而后再按照这个地址去得到这个对象中的值,这就是传说中的按引用访问。而原始类型的值则是能够直接访问到的。性能

一、复制变量时的不一样spa

  • 原始值:在将一个保存着原始值的变量复制给另外一个变量时,会将原始值的副本赋值给新变量,此后这两个变量是彻底独立的,他们只是拥有相同的value而已。
  • 引用值:在将一个保存着对象内存地址的变量复制给另外一个变量时,会把这个内存地址赋值给新变量,也就是说这两个变量都指向了堆内存中的同一个对象,他们中任何一个做出的改变都会反映在另外一个身上。(这里要理解的一点就是,复制对象时并不会在堆内存中新生成一个如出一辙的对象,只是多了一个保存指向这个对象指针的变量罢了)

image.png

2.参数传递的不一样指针

首先咱们应该明确一点:ECMAScript中全部函数的参数都是按值来传递的。可是为何涉及到原始类型与引用类型的值时仍然有区别呢,还不就是由于内存分配时的差异。 (这个复制变量时遵循的机制彻底同样)code

  • 原始值:只是把变量里的值传递给参数,以后参数和这个变量互不影响。
  • 引用值:对象变量它里面的值是这个对象在堆内存中的内存地址,这一点你要时刻铭记在心!所以它传递的值也就是这个内存地址,这也就是为何函数内部对这个参数的修改会体如今外部的缘由了,由于它们都指向同一个对象呀。图示说明:

因此,若是是按引用传递的话,是把第二格中的内容(也就是变量自己)整个传递进去(就不会有第四格的存在了)。但事实是变量把它里面的值传递(复制)给了参数,让这个参数也指向原对象。所以若是在函数内部给这个参数赋值另外一个对象时,这个参数就会更改它的值为新对象的内存地址指向新的对象,但此时原来的变量仍然指向原来的对象,这时候他们是相互独立的;但若是这个参数是改变对象内部的属性的话,这个改变会体如今外部,由于他们共同指向的这个对象被修改了呀!来看下面这个例子吧:(传说中的call by sharing)对象

var obj1 = { value:'花点时间1' }; 
var obj2 = { value:'花点时间2' }; 
function changeStuff(obj){ 
    obj.value = '花点时间3'; 
    obj = obj2; 
    return obj.value; 
} 
var foo = changeStuff(obj1); 
console.log(foo);// '花点时间2' 参数obj指向了新的对象obj2 
console.log(obj1.value);//'花点时间3',形参obj和对象obj1指向了共同的内存地址,obj改变后,堆(heap)内存中的对象改变,所以obj1的值也发生了改变。
相关文章
相关标签/搜索