JavaScript引用赋值与传值赋值实例分析

发布时间:2022-05-21 17:13:01 作者:iii
来源:亿速云 阅读:66

这篇文章主要介绍“JavaScript引用赋值与传值赋值实例分析”,在日常操作中,相信很多人在JavaScript引用赋值与传值赋值实例分析问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript引用赋值与传值赋值实例分析”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

前言

在JavaScript中基本数据类型都是传值赋值,复合数据类型都是引用赋值(传地址)也叫引用传址

基本数据类型的变量名和数据是直接存在"快速内存"(栈内存)中。

基本的数据类型有:undefined,boolean,number,string,null。 基本类型存放在栈区,访问是按值访问的,就是说你可以操作保存在变量中的实际的值。

而复合数据类型(对象和数组)的存储分两个部分:

复合数据类型可以拥有属性和方法,并且我们可以修改其属性和方法。

引用传址:将一个变量的数据地址,“拷贝”一份,传给另了另一个变量。这两个变量,指向“同一个地址”。

大家共享同一份数据。

如果其中一个变量的值发生了改变,那么,另一个变量的值也得变。要变一起变。

举例:

基本数据类型

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

当基本类型的数据赋值时,赋得是实际的值,a和b是没有关联关系的,b由a复制得到,相互独立。

JavaScript引用赋值与传值赋值实例分析

复合数据类型

    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]

JavaScript引用赋值与传值赋值实例分析

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

那么问题来了,如何让 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引用赋值与传值赋值实例分析”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

相关推荐:JavaScript对象引用与赋值的示例分析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:python正则表达式常见的知识点有哪些

下一篇:Java中用户线程与守护线程如何使用

相关阅读