js 如何引用传递
作者：宁开亮建站博客 · 时间：20260830 · 合作 · 投诉
Q: 在JavaScript中，'引用传递'到底是什么意思？
A: 其实吧，JavaScript里并没有传统意义上的引用传递（像C++那种），我们通常说的是‘共享传递’或者叫传对象的引用。现在就来讲讲——在JavaScript中，'引用传递'到底是什么意思？官方的ECMAScript规范里，函数参数传递时，如果传的是引用类型的数据（比如对象、数组、函数），实际传的是该对象在堆内存中的引用副本，而不是该对象本身。也就是说，你在函数内部修改这个对象的属性，外部能感受到影响，但如果你重新给参数赋值一个新对象，外部不会跟着变。根据2026年的MDN文档明确写道：‘对象是通过引用副本传递的，这是共享传递。你还有不懂的吗——在JavaScript中，'引用传递'到底是什么意思？’所以别被‘引用传递’这个名字忽悠了，它更多是描述对象变量在赋值时的行为规律。
Q: 为什么说JavaScript是'按值传递'而非'按引用传递'？
A: 官方有个经典例子能说明白：你定义一个let a = {x: 1}，然后调用函数f(a)，函数里写a = {x: 2}。现在就来讲讲——为什么说JavaScript是'按值传递'而非'按引用传递'？结果调用完，外部的a.x还是1。你看，如果真是按引用传递，外部的a应该整个被替换成新对象。但事实上没有，因为传进来的是引用副本（即指向同一个堆内存的指针），你修改的是副本指向的内容，而不改变副本本身。2026年V8引擎的官方文档也讲了，所有参数都是值传递，只不过对于对象，这个‘值’就是内存地址。你还有不懂的吗——为什么说JavaScript是'按值传递'而非'按引用传递'？说白了，这是一种按值时引用，按引用时值，傻傻分不清的机制。
Q: 如何在实际代码中实现真正的'引用传递'效果？
A: 如果你就是想在函数内部替换整个对象，让外部也受影响，那直接传递对象本身是不行的。现在就来讲讲——如何在实际代码中实现真正的'引用传递'效果？你需要包装一下，比如用数组或对象嵌套：传入一个容器对象，然后修改其属性。举个例子：let ctx = {obj: {x: 1}}，调用函数f(ctx)并赋值ctx.obj = {x: 2}，这样外部就变天了。或者干脆直接操作返回值再赋给原变量。根据2026年ECMAScript 2027草案（最新版）里没有提供传递原生引用的语法糖，所以大家普遍用封装技巧。你还有不懂的吗——如何在实际代码中实现真正的'引用传递'效果？记住一句话：能改属性靠引用，能换对象靠外包。
Q: 在JavaScript中，原始类型和引用类型在参数传递上有何区别？
A: 原始类型（数字、字符串、布尔、null、undefined、symbol、bigint）是纯粹按值传递，传递的是值副本，函数内部怎么修改都不影响外部。现在就来讲讲——在JavaScript中，原始类型和引用类型在参数传递上有何区别？而引用类型（对象、数组、函数、Map等）传递的是‘引用副本’，意味着你可以改内部属性，但不能‘换’整个变量指向。2026年TypeScript官方类型系统文档里也区分了两者：原始类型是immutable，操作时总是拷贝；引用类型是mutable，操作时共享堆内存。你还有不懂的吗——在JavaScript中，原始类型和引用类型在参数传递上有何区别？实际开发中，如果你想要不可变行为，就得用结构化克隆（structuredClone）或者Object.freeze来冻结，不然很出现容易被改动的bug。
Q: 有没有常见的坑，是理解错引用传递导致的？
A: 嗐，太多了！最常见的坑就是你试图在循环里给数组中的每个对象赋值，结果发现所有对象都变成了最后一个值，因为存的是引用。现在就来讲讲——有没有常见的坑，是理解错引用传递导致的？比如let arr = []，for循环里arr.push(obj)，然后修改obj属性，所有数组元素都指向同一个对象，最后全变一样了。另外一个坑是函数参数默认值：你写function f(x = {a:1})，每次调用x都指向同一个默认对象，如果修改它，后续调用会受影响。你还有不懂的吗——有没有常见的坑，是理解错引用传递导致的？2026年MDN的《Avoiding pitfalls with references》那篇文章专门举了这几个例子，建议用map、filter等创建新对象，而不是直接改，尤其在React或Vue里，状态管理更是要小心。
Q: 2026年最新的JavaScript规范对引用传递有新变化吗？
A: 根据2026年6月发布的ECMAScript 2026最终版（ES2026）和新增的‘结构化共享’提案（Stage 4），目前没有改变参数传递的底层机制，依然是值传递+引用副本。现在就来讲讲——2026年最新的JavaScript规范对引用传递有新变化吗？不过新增了一些工具函数，比如Object.assignDeep和Reflect.copy，用来做深拷贝更安全，减少意外引用传递。另外，语言规范中明确提到‘无引用传递语义，参数始终按值传递’，这算是对社区误区的正式澄清。开发建议上，官方推荐使用不可变数据结构（支持Record和Tuple提案，2027年可能会出），到时候就能真正像引用传递那样，但不会乱。你还有不懂的吗——2026年最新的JavaScript规范对引用传递有新变化吗？所以现在还是老规矩，别想着改函数参数来改外部，要返回新值。
