JavaScript引用赋值与传值赋值总结
前言
在JavaScript中基本数据类型都是传值赋值，复合数据类型都是引用赋值(传地址)也叫引用传址
基本数据类型的变量名和数据是直接存在"快速内存"（栈内存）中。
基本的数据类型有：undefined，boolean，number，string，null。 基本类型存放在栈区，访问是按值访问的，就是说你可以操作保存在变量中的实际的值。
而复合数据类型（对象和数组）的存储分两个部分：
- ①具体的数据存在“慢速内存”“堆内存”中；
- ②将变量名和数据地址存在“快速内存”“栈内存”中。
复合数据类型可以拥有属性和方法，并且我们可以修改其属性和方法。
引用传址：将一个变量的数据地址，“拷贝”一份，传给另了另一个变量。这两个变量，指向“同一个地址”。
大家共享同一份数据。
如果其中一个变量的值发生了改变，那么，另一个变量的值也得变。要变一起变。
举例：
基本数据类型
var a=1;
var b=a;
a=2;
console.log(b); // 打印输出结果: 1
当基本类型的数据赋值时，赋得是实际的值，a和b是没有关联关系的，b由a复制得到，相互独立。
复合数据类型
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]
对象（包括数组)使用的是引用赋值。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在堆中的地址，而不是堆中的数据。也就是将一个变量的数据地址，“拷贝”一份，传给另了另一个变量。这两个变量，指向“同一个地址”。因此，两个对象是联动的。
那么问题来了，如何让 b_arr 的值不要因a_arr的改变而改变呢？也就数说，b_arr打印输出结果为 (5) [1, 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() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。
到此这篇关于JavaScript引用赋值与传值赋值总结的文章就介绍到这了,更多相关js 赋值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本文主要对javascript中的JSON进行详细介绍。相信对于初学者具有很好的参考价值，下面就跟着小编一起来看下吧2016-12-12
JavaScript中的noscript元素属性位置及作用介绍
Javascript插入到XHTML中要使用script元素，使用这个元素可以把Javascript嵌入到XHTML页面中，让脚本与标记混合在一起，感兴趣的朋友可以了解下2013-04-04
假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1。下面通过实例代码给大家讲解swiper动态改变滑动内容的实现方法，感兴趣的朋友一起看看吧2018-01-01
这篇文章主要介绍了详解JS如何实现"上次操作未完成禁止新操作"的逻辑及思路,有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要是对JS中把字符转成ASCII值的函数示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要为大家详细介绍了微信小程序实现录音，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
在本篇内容里小编给大家整理了关于解决JS跨域请求的问题知识点，需要的朋友们参考学习下。2018-12-12
这篇文章主要介绍了JavaScript中关于this指向的4种情况，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
JavaScript实践之使用Canvas开发一个可配置的大转盘抽奖功能
公司项目搞优惠活动,让做一个转盘抽奖的活动,这篇文章主要给大家介绍了关于JavaScript实践之使用Canvas开发一个可配置的大转盘抽奖功能的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了ES6 系列之 Generator 的自动执行的方法示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
最新评论