JavaScript 按值传递 & 按引用传递

(1)值的比较--引用的比较

首先,原始值的比较是值的比较:只有在它们值相等的时候它们才相等

  比如简单的

var a1 = 10;
var a2 = 10;
console.log(a1 === a2); //true

其次,对象的比较并非值的比较:对象的比较均是引用的比较,当且仅当它们引用同一个基对象时,它们才相等。     即使两个对象包含同样的属性和相同的值,它们也是不相等的。各个索引元素完全相等的两个数组也不相等

    比如

var o = {x:1},p={x:1};
console.log(o === p); //false 两个单独的对象不相等
var a = ['you'],b = ['you'];
console.log(a === b); //false 两个单独的数组不相等
var a = [];
var b = a;      // b 引用了同一个数组a
b[0] = "you";
console.log(a[0]); // you   这是a也会修改
console.log(a === b); //true

所以,如果我们要得到一个对象或者数组的副本,或者是要比较两个单独对象或数组相等情况,就要比较它们的属性元素等,通过循环遍历数组来实现

(2)按值传递 -- 按引用传递

按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。 按引用传递(call by reference)时,函数的形参接收实参的隐式引用,而不再是副本。这意味着函数形参的值如果被修改,实参也会被修改。同时两者指向相同的值

1. JS的基本类型是按值传递的

比如

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

2.但是对象或者数组之类呢?先看个例子

比如

var obj = {x : 1};
function foo(o) {
    o.x = 3;
  console.log(obj.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,也叫按对象传递、按对象共享传递)

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

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

另外一个例子

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

对于对象类型,由于对象是可变(mutable)的,修改对象本身会影响到共享这个对象的引用和引用副本。

而对于基本类型,由于它们都是不可变的(immutable),按共享传递与按值传递(call by value)没有任何区别,所以说JS基本类型既符合按值传递,也符合按共享传递。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java学习

面试题31(关于重载与重写的正确的理解?)

一个类中,有两个方法名、形参类型、顺序和个数都完全一样,返回值不一样的方法,这种现象叫覆盖。( )? A 正确 B 错误 考点:考察求职者对重载与重写的正确的理...

30050
来自专栏锦小年的博客

Python学习笔记3.2-python内置函数大全

学习python不可避免的首先要了解python的内置函数,熟悉了这些以后可以给编程带来很大的方便。 1、数学运算类 函数名 函数功能 备注 abs...

26890
来自专栏java初学

final关键字

395120
来自专栏Android Note

Java 8之lambda表达式(一)

11130
来自专栏xx_Cc的学习总结专栏

OC-基础总结(一)

397110
来自专栏python3

python 内置函数

基本的数据操作基本都是一些数学运算(当然除了加减乘除)、逻辑操作、集合操作、基本IO操作,然后就是对于语言自身的反射操作,还有就是字符串操作。

13620
来自专栏土豆专栏

Java面试之关键字

finalize()是Object的protected方法,子类可以覆盖该方法来实现资源清理工作,GC在回收对象之前调用该方法。

234100
来自专栏mwangblog

正则表达式

在正则表达式中,.匹配除换行符外的任意单个字符,下面的命令从文件water.txt中匹配一个字符串,这个字符串以wa开头,之后是两个任意字符(除换行符),最后是...

7310
来自专栏转载gongluck的CSDN博客

野指针分析

1. 野指针的概念   所谓的野指针,就是说指针指向的那块内存,你没有合法操作的权限,也就是指针指向非法的内存空间,这样的指针就叫做野指针。 2. 野指针产...

39070
来自专栏LanceToBigData

Java常用类(二)String类详解

前言   在我们开发中经常会用到很多的常用的工具类,这里做一个总结。他们有很多的方法都是我们经常要用到的。所以我们一定要把它好好的掌握起来! 一、String简...

327100

扫码关注云+社区

领取腾讯云代金券