js 值和引用

Posted web前端开发技术

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 值和引用相关的知识,希望对你有一定的参考价值。

1、概述

简单值(基本类型)通过值复制的方式来赋值/传递。

复合值(对象)通过引用复制的方式来赋值/传递。

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>值和引用</title>
    </head>

    <body>

        <script type="text/javascript">
            var a = 2;
            var b = a;
            b++;
            //2是基本类型(位于常量池),a是该值的一个副本,b是另外一个副本,b改变时不影响a
            console.log(a); //2
            console.log(b); //3

            var c = [1, 2, 3];
            var d = c;
            d.push(4);
            //c和d都是执行数组(位于堆中)的2个不同引用。他们更改的是同一个值。
            console.log(c); //[1,2,3,4]
            console.log(d); //[1,2,3,4]
        </script>
    </body>

</html>

结合内存示意图,理解会更深刻。

简单类型的值在常量池只有一份,变量a和变量b都是常量池中2的一个副本。

变量c和变量d都是指向堆中的一个数组对象。

 

以上是关于js 值和引用的主要内容,如果未能解决你的问题,请参考以下文章

Js 赋值传值和引用传址

js 的复制和引用 (传值和传址)

js中 原始值和引用值

js 不可变的原始值和可变的对象引用

js中基本类型的值和引用类型的值的比较

javascript原始值和引用值类型及区别