JS中按值传递

基本类型、引用类型
今天要总结的基础知识。
基本类型: undefined、Null、Boolean、Number、String五种 (简单的数据段);
引用类型: object (由多个值构成)。

两种类型在使用上的区别:
复制变量
看一个例子的对比就秒懂:
// 基本类型
var num1 = 5;
var num2 = num1;
num2 = 10;
console.log(num1 + ’ | ’ + num2); // 5 | 10
// 引用类型
var obj1 = new Object();
obj1.num = 5;
var obj2 = obj1;
obj2.num = 10;
console.log(obj1.num + ’ | ’ + obj2.num); // 10 | 10
一句话,引用类型复制的是指针的指向。
传递参数
刚开始看书上,说的是“按值传递”。然后抛出一个例子:
function addTen(num) {
num += 10;
return num;
}

var count = 20;
var result = addTen(count);
console.log(count + ’ | ’ + result); // 20 | 30
看完这个例子,秒懂按值传递。紧接着又来一段代码:

function setName(obj) {
obj.name = ‘aaa’;
return obj;
}

var person = new Object();
person.name = ‘bbb’;
var newPerson = setName(person);
console.log(person.name + ’ | ’ + newPerson.name); // aaa | aaa
看完这个例子,我就懵逼了。这段代码不是解释成按引用传递更合理吗?
然后又给了一个证明就算参数是引用类型也是按值传递的例子:

function setName(obj) {
obj.name = ‘aaa’;
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
从结果看,并没有显示两个’ccc’。这里是函数内部重写了obj,重写的obj是一个局部对象。当函数执行完后,立即被销毁。

换句话说:此时var obj = new Object(); 里面的找个obj和上面的obj.name的obj可以看成无关。
看下面这个例子
var a = {
num:‘1’
};

var b = {
num:‘2’
};

function change(obj){
obj.num = ‘3’;
obj = b;
return obj.num;
}

var result = change(a);
console.log(result + ’ | ’ + a.num); // 2 | 3
走一遍思路:
首先把a的值传到change函数内,
obj.num = ‘3’;后a.name被修改为3;此时这一步是按值传递
a的地址被换成b的地址;这一步才是引用传递
返回此时的a中a.num。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值