JS对象传递方式学习笔记

最新推荐文章于 2024-07-13 18:47:34 发布

最新推荐文章于 2024-07-13 18:47:34 发布 · 165 阅读

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文详细解析了JavaScript中对象引用传递的概念，通过实例展示了如何在函数内部修改对象属性，以及这种修改如何影响外部对象。重点分析了JavaScript规范中关于函数内修改对象引用地址的规定，解释了函数调用结束后引用地址不改变的原因。

var    obj = { key1: "hello" , key2: "world" };
function modifyObj(obj){
    obj = { key3: "world1", key4: "hello1" };  //将不会改变外部的obj
}
function changeObj(obj){
    obj.key3 = "world2";
    obj.key4 = "hello2";  //将改变外部的obj对象的属性
}
obj  //函数调用前obj属性
Object
key1: "hello"
key2: "world"
__proto__: Object

modifyObj(obj)
obj  //函数调用后obj属性没有变化
Object
key1: "hello"
key2: "world"
__proto__: Object

changeObj(obj)
obj   //函数调用后,属性发生了变化
Object
key1: "hello"
key2: "world"
key3: "world2"
key4: "hello2"
__proto__: Object

原因分析:

Javascript中, 对象的传递实际是引用地址的传递,当给函数设置属性时,对象的引用首地址并没有发生改变, 函数内部增加属性时,函数调用结束后,增加的属性继续生效

当在函数内部将传入引用的地址指向一个新的栈地址时,函数调用结束可能会导致引用指向无效的地址,故Javascript规范特别规定了,在函数内修改对象的引用地址时,函数调用结束后引用地址不做改变

author: mooring

site : http://mooring.iteye.com

date: 2012/11/09