【js】传值!=传址引用类型和基本类型赋值到底有什么区别

小鱼小鱼干

已于 2022-07-22 11:26:50 修改

阅读量152

点赞数

文章标签： javascript 前端开发语言

于 2022-07-13 16:04:56 首次发布

原文链接：https://blog.csdn.net/u010377516/article/details/124122169

版权

本文详细阐述了基本类型和引用类型在内存中的存储区别，以及值传递和引用传递的概念。基本类型变量在栈内存中存储，而引用类型如对象、数组则在堆内存中存储，变量保存的是引用地址。当进行对象赋值时，实际上是复制了引用地址，导致两个变量共享同一堆内存数据，从而产生联动效应。为避免这种联动，可以使用concat()方法创建数组副本。

摘要由CSDN通过智能技术生成

传值：

基本类型存入栈内存里，引用类型存入到堆内存（用的时候在栈里面留了地址，地址指向堆内存中存的数据）

堆与栈的区别：

堆和栈是内存中的数据存储空间简单类型的数据保存在内存的栈空间中
引用类型的数据保存在内存的堆空间中，栈内存中存取的是引用类型的地址（房间号）

两种情况：

值传递：把数据复制一份传递（基本类型）

引用传递：把数据地址传递一份（引用类型）

基本类型

    var a=1;
    var b=a;
    a=2;
    console.log(b);  // 打印输出结果: 1

在这里插入图片描述

引用类型

    let a_arr=[1,2,3,4,5];
    let b_arr=a_arr;
    a_arr[0]=10;
    console.log(b_arr); // 打印输出结果: (5) [10, 2, 3, 4, 5]

在这里插入图片描述
对象（包括数组)使用的是引用赋值。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在堆中的地址，而不是堆中的数据。也就是将一个变量的数据地址，“拷贝”一份，传给另了另一个变量。这两个变量，指向“同一个地址”。因此，两个对象是联动的。

数组类型解决办法：

    let a_arr=[1,2,3,4,5];
    let b_arr=a_arr.concat();
    a_arr[0]=10;
    console.log(b_arr); // 打印输出结果: (5) [1, 2, 3, 4, 5]

concat() 方法用于连接两个或多个数组。

concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。

原文链接：https://blog.csdn.net/crystal_iwwish/article/details/120814831
https://blog.csdn.net/u010377516/article/details/124122169