资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/JS中的值是按值传递，还是按引用传递呢？

JS中的值是按值传递，还是按引用传递呢？

Jochen / 650人阅读

摘要：按引用传递时，函数的形参接收实参的隐式引用，而不再是副本。探究值的传递方式的基本类型，是按值传递的。但这样是否说明的对象是按引用传递的呢我们再看下面的例子仍然是并未被修改为如果是按引用传递，修改形参的值，应该影响到实参才对。

最近遇到个有趣的问题：“JS中的值是按值传递，还是按引用传递呢？”

在分析这个问题之前，我们需了解什么是按值传递(call by value)，什么是按引用传递(call by reference)。在计算机科学里，这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。

按值传递 VS. 按引用传递

按值传递(call by value)是最常用的求值策略：函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。

按引用传递(call by reference)时，函数的形参接收实参的隐式引用，而不再是副本。这意味着函数形参的值如果被修改，实参也会被修改。同时两者指向相同的值。

按引用传递会使函数调用的追踪更加困难，有时也会引起一些微妙的BUG。

按值传递由于每次都需要克隆副本，对一些复杂类型，性能较低。两种传值方式都有各自的问题。

探究JS值的传递方式

JS的基本类型，是按值传递的。

var a = 1;
function foo(x) {
    x = 2;
}
foo(a);
console.log(a); // 仍为1, 未受x = 2赋值所影响

再来看对象：

var obj = {x : 1};
function foo(o) {
    o.x = 3;
}
foo(obj);
console.log(obj.x); // 3, 被修改了!

说明o和obj是同一个对象，o不是obj的副本。所以不是按值传递。 但这样是否说明JS的对象是按引用传递的呢？

我们再看下面的例子：

var obj = {x : 1};
function foo(o) {
    o = 100;
}
foo(obj);
console.log(obj.x); // 仍然是1, obj并未被修改为100.

如果是按引用传递，修改形参o的值，应该影响到实参才对。但这里修改o的值并未影响obj。 因此JS中的对象并不是按引用传递。那么究竟对象的值在JS中如何传递的呢？

按共享传递 call by sharing

准确的说，JS中的基本类型按值传递，对象类型按共享传递的(call by sharing，也叫按对象传递、按对象共享传递)。最早由Barbara Liskov. 在1974年的GLU语言中提出。该求值策略被用于Python、Java、Ruby、JS等多种语言。

该策略的重点是：调用函数传参时，函数接受对象实参引用的副本(既不是按值传递的对象副本，也不是按引用传递的隐式引用)。 它和按引用传递的不同在于：在共享传递中对函数形参的赋值，不会影响实参的值。如下面例子中，不可以通过修改形参o的值，来修改obj的值。

var obj = {x : 1};
function foo(o) {
    o = 100;
}
foo(obj);
console.log(obj.x); // 仍然是1, obj并未被修改为100.

然而，虽然引用是副本，引用的对象是相同的。它们共享相同的对象，所以修改形参对象的属性值，也会影响到实参的属性值。

var obj = {x : 1};
function foo(o) {
    o.x = 3;
}
foo(obj);
console.log(obj.x); // 3, 被修改了!

对于对象类型，由于对象是可变(mutable)的，修改对象本身会影响到共享这个对象的引用和引用副本。而对于基本类型，由于它们都是不可变的(immutable)，按共享传递与按值传递(call by value)没有任何区别，所以说JS基本类型既符合按值传递，也符合按共享传递。

var a = 1; // 1是number类型，不可变 var b = a; b = 6;

据按共享传递的求值策略，a和b是两个不同的引用(b是a的引用副本)，但引用相同的值。由于这里的基本类型数字1不可变，所以这里说按值传递、按共享传递没有任何区别。

基本类型的不可变(immutable)性质

基本类型是不可变的(immutable)，只有对象是可变的(mutable). 例如数字值100, 布尔值true, false，修改这些值(例如把1变成3, 把true变成100)并没有什么意义。比较容易误解的，是JS中的string。有时我们会尝试“改变”字符串的内容，但在JS中，任何看似对string值的”修改”操作，实际都是创建新的string值。

var str = "abc";
str[0]; // "a"
str[0] = "d";
str; // 仍然是"abc";赋值是无效的。没有任何办法修改字符串的内容

而对象就不一样了，对象是可变的。

var obj = {x : 0};
obj.x = 100;
var o = obj;
o.x = 1;
obj.x; // 1, 被修改
o = true;
obj.x; // 1, 不会因o = true改变

这里定义变量obj，值是object，然后设置obj.x属性的值为100。而后定义另一个变量o，值仍然是这个object对象，此时obj和o两个变量的值指向同一个对象（共享同一个对象的引用）。所以修改对象的内容，对obj和o都有影响。但对象并非按引用传递，通过o = true修改了o的值，不会影响obj。

GPU云服务器 云服务器 java是按值传递的 按值传递 java有按值传递 引用传递

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79760.html

相关文章

  • JavaScript之按值传递

    摘要：中所有函数的参数都是按值传递的。基本类型本身是按值传递，具有不可变性，对基本类型的修改，实质上都是在栈内存中创建了新的值。中把这种拷贝也认为是按值传递。 本文共 1200 字，读完只需 5 分钟 概述 参数的传递分为按值传递和按引用传递，而 JavaScript 中参数的传递只有按值传递。 ECMAScript 中所有函数的参数都是按值传递的。 所谓按值传递就是： 把函数外部的值复制给...

    xiangchaobin 评论0 收藏0

  • JavaScript中的求值策略

    摘要：关于的求值策略，问中函数的参数传递是按值传递还是按引用传递回答很经典。所以不能说中函数的参数传递严格按值传递或按引入传递。中还采用一种参数传递策略，叫按共享传递。中参数是必须先求值再作为实参传入函数的。参考求值策略中函数参数的默认值 最近在研究 lambda 演算中的 η-变换 在 JavaScript 中的应用，偶然在 stackoverflow 上看到一个比较有意思的问题。关于 J...

    MrZONT 评论0 收藏0

  • JavaScript参数传递方式

    这几天遇到js参数传递方式的问题，深切探究一番，将所得结果总结于此 常见的几种传递方式 传值调用（call by value） 在传值调用中实际参数被求值，其值被绑定到函数中对应的变量上（通常是把值复制到新内存区域）。在函数返回后调用者作用域里的曾传给函数的任何东西都不会变。 传引用调用（call by reference） 在传引用调用求值中，传递给函数的是它的实际参数的隐式引用（即实际参数的地...

    jcc 评论0 收藏0

  • 关于JavaScript 函数传参

    摘要：最早由在年的语言中提出。该求值策略被用于等多种语言。该策略的重点是调用函数传参时，函数接受对象实参引用的副本既不是按值传递的对象副本，也不是按引用传递的隐式引用。它和按引用传递的不同在于在共享传递中对函数形参的赋值，不会影响实参的值。 周五晚上下班回家的路上，突然想到了 CommonJS 规范、Node.js 模块化等等各种东西，然后就想到了熟悉的 module.exports。 大约...

    CloudwiseAPM 评论0 收藏0

  • js的基本数据类型和引用数据类型

    摘要：熟悉的同学都知道，它的数据类型一般分为基本数据类型和引用数据类型复杂数据类型。基本数据类型基本数据类型有种新增。动态的属性基本数据类型的值是没有办法添加属性和方法的。类型检测根据它的原型链来识别引用类型。 熟悉js的同学都知道，它的数据类型一般分为基本数据类型和引用数据类型（复杂数据类型）。那么他们之间到底有什么不同？从下面这个例子入手： var a = 1; ...

    kgbook 评论0 收藏0

发表评论

登陆后可评论

0条评论

Jochen

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<