记录某晓公司一条坑爹的面试题

最新推荐文章于 2022-10-19 18:47:48 发布

supming1

最新推荐文章于 2022-10-19 18:47:48 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/supming1/article/details/107032886

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文深入解析JavaScript中函数参数的引用传递特性，通过具体代码示例解释为何对象引用改变不会直接影响原始变量，帮助读者理解AO对象在函数调用中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写出下列代码的数据结果

    var a = {a:1},b={b:2}
    
    !function(agu1, agu2){
        agu1 = agu2;
        agu2['c'] = 3;
    }(a,b)

    console.log(JSON.stringify(a),JSON.stringify(b))

本来以为考的是引用传递，认为agu1 = agu2 使a = b, 所以输出结果应该都是{"b":2,"c":3} ，结果不出意料的挂了。在浏览器运行结果是 {"a":1} {"b":2,"c":3}

做一回事后诸葛分析一下，这里用到AO对象（不了解的自行百度学习），过程以注释的方式写在代码中。

    var a = {a:1},b={b:2}
    
    !function(agu1, agu2){ // AO.agu1 AO.agu2
        agu1 = agu2; // AO.agu1 = AO.agu2
        agu2['c'] = 3; // AO.agu2['c'] = 3
    }(a,b)

    console.log(JSON.stringify(a),JSON.stringify(b))

这里考的是引用传递没错，所以b输出结果是{"b":2,"c":3} ，但为什么b变了，但a没变呢。大多数同学应该都会跟我一样认为agu1 = agu2 使a的应用指向b,所以会和b结果一样。但如果用AO对象来分析，那么指向b的是AO.agu1，而不是a。所以后续更改跟他没什么关系。