JavaScript之参数传递

回忆一下

Js基本的数据类型有哪些?又是如果分类的?
分为两类:
1.原始的数据类型primitive type,有:Undefined、Null、Bollean、Number、String。
2.引用类型值,也就是对象类Object type,有:object、Array、Function、Date等。

为什么会有这两种分类?
这是因为声明变量时不同的内存分配:

  1. 原始的数据类型:存储在栈中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。它可以直接存储,是因为这些原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。
  2. 引用值:存储在堆中的对象,也就是说,存储在变量处的值是一个指针,指向存储对象的内存地址。可以想像成房间内放着自己需要的物品,而你手里拿着房间的钥匙。这是因为:引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,通过记录钥匙就可以找到对应存储的数据。是的存储钥匙地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。

一、值传递

把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。=

function addTen(num) {
    num += 10;
    return num;
}
var count = 20;
var result = addTen(count);
alert(count); //20,没有变化
alert(result); //30

二、引用传递

参数传递的另一种传递方式——引用传递:函数接收的不是值的拷贝,而是对象的隐式引用。

var group = {
    num: 10
}
function func(obj) {
    obj.num += 10;
    console.log('obj:', obj);
}
func(group); // { num: 20 }

三、共享传递

该策略的要点是: 函数接收的是对象对于的拷贝(副本),该引用拷贝和形参以及其值相关联。
这里出现的引用,我们不能称之为“按引用传递”,因为函数接收的参数不是直接的对象别名,而是该引用地址的拷贝。
最重要的区别就是: 函数内部给参数重新赋新值不会影响到外部的对象,但是因为该参数是一个地址拷贝,所以在外面访问和里面访问的都是同一个对象,改变该参数对象的属性值将会影响到外部的对象。

var obj = {
    value: 1
};
function foo(o) {
    o = 2;
    console.log(o); //2
}
foo(obj);
console.log(obj.value) // 1

这个例子就是传入Object类型的但结果却和引用传递不同。

function setName(obj) {
   obj.name = "张三";
   obj = new Object();
   obj.name = "未知";
}
var person = new Object();
setName(person);
alert(person.name);  // 张三

setName()函数中添加了三行代码:
1.为 obj 重新定义了一个对象;
2.为该对象定义了一个带有不同值的 name 属性;
3. obj.name 属性设置为’未知’

为什么要这样呢?
1.虽然在函数内部修改了参数的值,但原始的引用仍然保持未变。
2.是因为,当在函数内部重写 obj 时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。

4.总结

1.参数的值是调用者传递的对象值的拷贝,函数内部改变参数的值不会影响到外面的对象(该参数在外面的值)。
2.按引用传递:函数内部对参数的任何改变都是影响该对象在函数外部的值,因为两者引用的是同一个对象,也就是说:这时候参数就相当于外部对象的一个别名。
3.共享传递不可能去解除引用和改变对象本身,但可以去修改该对象的属性值。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值