1. 数据类型javascript
在 javascript 中数据类型能够分为两类:java
原始数据类型值(primitive type),好比Undefined,Null,Boolean,Number,String。函数
引用类型值,也就是对象类型 Object type,好比Object,Array,Function,Date等。性能
声明变量时不一样的内存分配指针
原始值:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。这是由于这些原始类型占据的空间是固定的,因此可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。对象
引用值:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存地址。这是由于:引用值的大小会改变,因此不能把它放在栈中,不然会下降变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,因此把它存储在栈中对变量性能无任何负面影响。blog
2. 不一样的内存分配机制也带来了不一样的访问机制ip
在javascript中是不容许直接访问保存在堆内存中的对象的,因此在访问一个对象时,首先获得的是这个对象在堆内存中的地址,而后再按照这个地址去得到这个对象中的值,这就是传说中的按引用访问。而原始类型的值则是能够直接访问到的。内存
3. 复制变量时的不一样it
原始值:在将一个保存着原始值的变量复制给另外一个变量时,会将原始值的副本赋值给新变量,此后这两个变量是彻底独立的,他们只是拥有相同的value而已。
引用值:在将一个保存着对象内存地址的变量复制给另外一个变量时,会把这个内存地址赋值给新变量,也就是说这两个变量都指向了堆内存中的同一个对象,他们中任何一个做出的改变都会反映在另外一个身上。(这里要理解的一点就是,复制对象时并不会在堆内存中新生成一个如出一辙的对象,只是多了一个保存指向这个对象指针的变量罢了)
4. 参数传递的不一样
首先咱们应该明确一点:ECMAScript中全部函数的参数都是按值来传递的。可是为何涉及到原始类型与引用类型的值时仍然有区别呢,还不就是由于内存分配时的差异。 (我对比了一下,这里和复制变量时遵循的机制彻底同样的嘛,你能够简单地理解为传递参数的时候,就是把实参复制给形参的过程)
按值传递(call by value):只是把变量里的值传递给参数,以后参数和这个变量互不影响。
按引用传递(call by reference): 函数的形参接收实参的隐式引用,而再也不是副本。这意味着函数形参的值若是被修改,实参也会被修改。同时二者指向相同的值。
咱们先看一个C的例子来了解按值和引用传递的区别:
void Modify(int p, int * q)
{
p = 27; // 按值传递 - p是实参a的副本, 只有p被修改
*q = 27; // q是b的引用,q和b都被修改
}
int main()
{
int a = 1;
int b = 1;
Modify(a, &b); // a 按值传递, b 按引用传递,
// a 未变化, b 改变了
return(0);
}
按共享传递 call by sharing
对象变量它里面的值是这个对象在堆内存中的内存地址,这一点你要时刻铭记在心!所以它传递的值也就是这个内存地址,这也就是为何函数内部对这个参数的修改会体如今外部的缘由了,由于它们都指向同一个对象呀。调用函数传参时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用)。 它和按引用传递的不一样在于:在共享传递中对函数形参的赋值,不会影响实参的值。以下面例子中,不能够经过修改形参o的值,来修改obj的值。
var obj = {x : 1};
function foo(o) {
o = 100;
}
foo(obj);
console.log(obj.x); // 仍然是1, obj并未被修改成100.
因此,若是是按引用传递的话,是把第二格中的内容(也就是变量自己)整个传递进去(就不会有第四格的存在了)。但事实是变量把它里面的值传递(复制)给了参数,让这个参数也指向原对象。所以若是在函数内部给这个参数赋值另外一个对象时,这个参数就会更改它的值为新对象的内存地址指向新的对象,但此时原来的变量仍然指向原来的对象,这时候他们是相互独立的;但若是这个参数是改变对象内部的属性的话,这个改变会体如今外部,由于他们共同指向的这个对象被修改了呀!来看下面这个例子吧:(传说中的call by sharing)
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'
*obj1仍然指向原来的对象,之因此value改变了,
*是由于changeStuff里的第一条语句,这个时候obj是指向obj1的 .
*再啰嗦一句,若是是按引用传递的话,这个时候obj1.value应该是等于'222'的