美文网首页
JS按值传递和按引用传递

JS按值传递和按引用传递

作者: today0507 | 来源:发表于2017-09-10 23:08 被阅读19次

1. 按值传递

将参数值传递给过程的方式,使过程访问到变量的复本。结果,过程不可改变变量的真正值,传递的是变量的内容。

2. 按引用传递

将参数地址传递给过程的方式,使过程访问到实际的变量。结果,过程可以改变变量的真正值,传递的是变量在内存中地址的指针或引用。

先举个两个例子:

var a = 10;

var b = a;

a = 20; 

console.log(b);   //   10
var a = [1,2]

var b = a;

a[0] = 3;

console.log(b)  //   [3,2]

有没有觉得很神奇,number,string都是基本数据类型,而基本数据类型存放在栈区,是直接按值存放的,可以直接访问;对象和数组是存放在堆中的,通过引用来赋值,实际是一个存放在栈内存的指针,这个指针指向堆内存中的地址。
现在我们来看一下ECMAScript中的数据类型。主要分为两大类:

基本数据类型 (undefined,boolean,string,number,null

var a = 3;

var b = 3;

console.log(a === b)   //   true

所以记住基本数据类型的比较是值的大小。
此处如果用==呢?是会进行类型转换的,举个简单点的例子:

var a = 10;

var b = '10';

console.log(a == b);   //   true

引用数据类型(object(数组和函数)

引用数据类型在内存中是这样存的,每个空间大小不一样,要根据情况进行特定分配,如下所示:

var  personA = {name:'fcc'}

var personB = {name:'fcc1'}

var personC = {name:'fcc2'}
堆内存

举个例子:

var a =[1,2,3,4];

var b =[1,2,3,4];

console.log(a === b);    //   false

虽然变量a,b内容是一样的,但是在内存中却存在不同的位置,他们指的不是同一个对象。

传值与传址有和不同?

基本数据类型的=是在内存中新开辟一段栈内存,然后把值赋值到新的栈中。

var a = 1;

var b = a;   //   只传递值
a++;

console.log(a);   //   2

console.log(b);   //   1
基本数据类型的赋值过程

由图可以看出,基本数据类型是相互不会影响的。

引用数据类型的赋值是传址,改变指针的方向。就是说引用类型的赋值是对象保存在栈中的地址,两个变量之间就指向同一个对象,所以操作的时候互相之间会有影响。

var a = {};    //   a保存了一个空对象的实例

var b = a;    //   a和b都指向了这个空对象


a.name = 'fcc';

console.log(a.name);    //    'fcc'

console.log(b.name);    //    'fcc'


b.age = 23;

console.log(b.age);   //    23

console.log(a.age);   //    23

console.log(a == b);   //    true
引用类型赋值地址

由图可以看出,引用数据类型之间是会相互影响的。

相关文章

  • JS是按值传递还是按引用传递?

    JS是按值传递还是按引用传递? 按值传递 VS. 按引用传递 探究JS值的传递方式 按共享传递 call by s...

  • JS按值传递和按引用传递

    1. 按值传递 将参数值传递给过程的方式,使过程访问到变量的复本。结果,过程不可改变变量的真正值,传递的是变量...

  • Java中的参数传递

    为了便于理解,会将参数传递分为按值传递和按引用传递。按值传递是传递的值的拷贝,按引用传递传递的是引用的地址值,所以...

  • 第四题

    写出输出值,并写出原因 按值传递和按引用传递 函数的参数的按值传递的 js之所以有这样设计,是因为:按值传递的类型...

  • js中经典问题讲解

    1.传递参数是按值传递还是按引用传递? 苏墨橘的回答JS是按值传递还是按引用传递? 2.执行环境及作用域 《jav...

  • 方法参数

    一、参数传递 1.参数传递有两种类型:按值传递和按引用传递。 2.按值传递指变量使用的是参数传递的值,而按引用传递...

  • 按值传递和按引用传递

    按值传递 VS. 按引用传递 按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实...

  • 2018-04-03

    nodeJs API接口熟悉。 js是按值传递还是按引用传递?http://bosn.me/js/js-call-...

  • js按值传递还是按引用传递?

    (1)基本数据类型按值传递基本类型的变量是存放在栈区的(栈区指内存里的栈内存),不共享内存空间 (2)引用类型值按...

  • JavaScript深入之参数按值传递

    除了按值传递、引用传递,还有第三种传递方式 —— 按共享传递(JS应该是共享传递,没有所谓的引用传递) 共享传递是...

网友评论

      本文标题:JS按值传递和按引用传递

      本文链接:https://www.haomeiwen.com/subject/suiwjxtx.html