js函数参数值的引用问题

输出什么?

const value = { number: 10 };

const multiply = (x = { ...value }) => {
  console.log(x.number *= 2);
};

multiply();
multiply();
multiply(value);
multiply(value);

A: 20, 40, 80, 160
B: 20, 40, 20, 40
C: 20, 20, 20, 40
D: NaN, NaN, 20, 40

参数为空 x拿的是 解构value赋值, 参数为value ,x 指向 value 地址,所以选C

在看一个例子

function test(obj) {
    obj.b = 2
}
let obj = {
    a:1
}
test(obj)

console.log(obj)//{ a: 1, b: 2 }

可以看到他还是改变到原始obj的值,我们对比可以发现,

针对于简单类型的数据,传进的是值的复制,

针对于复制类型的数据,传进的是值的引用,如果在函数里面改变了他的属性,对应的,原始值也会发生改变

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 JavaScript 中,引用类型是一种特殊的对象,它们可以通过引用传递给函数作为参数。当我们将一个引用类型作为函数参数传递时,实际上传递的是该对象在内存中的地址,而不是对象本身。 因此,在函数内部修改引用类型的属性或者方法,会改变原始对象。这是因为函数中的参数和原始对象引用的是同一个对象,所以对参数的修改会影响原始对象。 举个例子,假设有一个对象: ``` let person = { name: '张三', age: 18 }; ``` 我们定义一个函数 `changeName(obj)` 来修改其 `name` 属性: ``` function changeName(obj) { obj.name = '李四'; } changeName(person); console.log(person.name); // 输出 '李四' ``` 在这个例子中,我们将 `person` 对象作为参数传递给 `changeName` 函数,并在函数内部修改了它的 `name` 属性。由于对象是通过引用传递的,所以在函数执行后,`person` 对象的 `name` 属性也被修改了。 需要注意的是,如果在函数内部重新分配引用类型的,会破坏原始对象与参数之间的引用,从而不会影响原始对象。例如: ``` function changeObj(obj) { obj = { name: '王五', age: 20 }; } changeObj(person); console.log(person.name); // 输出 '李四' ``` 在这个例子中,我们在函数内部重新分配了一个新的对象给参数 `obj`。这个新的对象与原始对象不是同一个对象,所以对参数的修改不会影响原始对象。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值