JS的引用传递

JS的引用传递

说到js函数参数传递的时候,我们经常会说普通类型(int,string等)是复制传递,复杂类型(array,object等)是引用传递。

看下js里面的引用传递:

var obj1 = {
  name: 'Alice'
}

function test(obj) {
  obj.name = 'Helen';
  console.log(obj1);
  obj = {
    name: 'Gray'
  }
  return obj;
}

obj2 = test(obj1);

console.log(obj1);
console.log(obj2);
//?
//?

不运行上述代码,想下结果是什么。

如果运行的结果跟预想的不一样,接着往下看。

/*
  obj1是一个对象,有一个地址addr1指向这个对象
  我们进行obj1.name = 'xxxx'时,其实是通过这个addr1在操作这个对象
*/
var obj1 = {
  name: 'Alice'
}

function test(obj) {
  /*
    其实这里的obj相当于“复制”了obj1的地址,
    由于obj跟obj1都指向addr1,
    所以能把Alice修改成Helen
  */
  obj.name = 'Helen';
  console.log(obj1);

  /*
    obj现在指向addr2,跟obj1没有关系了
    addr2找到的对象,name属性的值是Gray
  */
  obj = {
    name: 'Gray'
  }
  return obj;
}

//obj2也是指向addr2
obj2 = test(obj1);

console.log(obj1);
console.log(obj2);

//{ name: 'Helen' }
//{ name: 'Helen' }
//{ name: 'Gray' }

所谓的引用传递,其实是“复杂类型内存地址的复制传递”。

### JavaScript 中值传递引用传递的区别 在 JavaScript 中,无论是基本数据类型还是对象类型的参数传递都遵循按值传递的原则。不过,这种传递方式的具体表现形式有所不同。 #### 对于基本数据类型(如 `number`、`string`、`boolean`) 当这些类型的变量作为函数参数时,实际上传递给函数的是该原始值的一个副本[^4]。因此,在函数内部对该参数所做的任何修改都不会影响到外部的实际参数值。 ```javascript function changeValue(num) { num = 10; } let a = 5; changeValue(a); console.log(a); // 输出:5 ``` 上述代码展示了如何向函数传递一个数值型参数,并尝试在其内部更改它;最终发现原变量未受影响。 #### 对于复杂数据类型(如数组、对象) 虽然表面上看起来像是按引用传递,但实际上也是按值传递的一种特殊情况—即传递的是指向堆内存中对象位置的指针或地址副本。这意味着如果在函数体内改变了所指向的对象本身,则会影响全局范围内的那个实例;但如果重新给形参赋新对象,则不会改变原来的对象引用。 ```javascript function addObjectProperty(obj) { obj.newProp = 'new value'; } const myObj = {}; addObjectProperty(myObj); console.log(myObj); // 输出:{ newProp: 'new value' } ``` 此例子说明了即使是在函数作用域内操作传入的对象属性,也能反映在外围环境中定义的那个对象上。 另一方面: ```javascript function replaceObject(obj) { obj = { anotherKey: 'another value' }; } replaceObject(myObj); console.log(myObj); // 输出仍然是之前的对象结构,因为这里只是改变了局部变量obj的指向 ``` 这表明试图直接替换整个对象并不会对外部造成影响,因为它只改变了本地拷贝而非源引用。 综上所述,尽管 JavaScript 的所有参数都是基于值来进行传递,但对于不同种类的数据而言,“值”的含义有所差异:基础类型是真正的值复制,而复合类型则是引用/指针级别的复制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值