值传递(原始值)
- 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置
- 原始类型(Undefined、Null、Boolean、Number 和 String 型)
引用传递
存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处
值传递和引用传递的区别
- JavaScript的原始类型,是按值传递的
- JavaScript的对象类型,是按共享传递的
- 基本类型是不可变的,只有对象是可变的
- 对象的值是引用的,可变的
JavaScript的原始类型,是按值传递的
//按值传递(call by value)
var x=1;
function test(o){
o=2;
}
test(x);
console.log(x);//1
按引用传递(call by reference)
var obj = {x : 1};
function test(o){
o.x=2;
}
test(obj);
console.log(obj.x);//2
按共享传递(call by sharing)
var obj = {x : 1};
function test(o) {
o.x=2;
o = 100;//此时o对象转成o变量
t = 200;t没有var声明,是全局变量
console.log(o);
return o;
}
var s=test(obj);
console.log("s:"+s);
console.log("t:"+t);
console.log("obj.x:"+obj.x);
console.log("o:"+o);
结果:
100
s:100
t:200
obj.x:2
o is not defind //因为o的作用域在test方法里面,仍然作为一个对象,执行完就释放掉了。
案例:
//例子1
function setName(obj) {
obj.name = 'aaa';//person.name在这里改变了
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
//例子2
var a = {num:'1'};
var b = {num:'2'};
function change(obj){
obj.num = '3';//a.num在这里改变了
obj = b;//result在这里改变了
return obj.num;
}
var result = change(a);
console.log(result + ' | ' + a.num); // 2 | 3
//例子3 原始类型是不可变的,只有对象是可变的
var str = "abc";
console.log(str[0]);
str[0] = "d";
console.log(str[0]);
console.log(str);//a a abc
//例子4 对象的值是引用的,可变的
var obj = {x : 1};
obj.x = 100;
var o = obj;
o.x = 1;
console.log("obj.x:"+obj.x); // 1, 被修改
o = true;
console.log("obj.x:"+obj.x); // 1, 不会因o = true改变,o的栈值改为true,但是引用对象还是一样的