js中简单和复杂数据类型存储和传递问题

简单和复杂数据类型存储和传递:

<script type="text/javascript">
        var num1 = 0;
        var num2 = num1;
        num1 = 1;
        //请问num2的值会改变吗?
        console.log(num2);

        var stu1 = new Object();
        stu1.name = "张三";
        var stu2 = stu1;
        //改变stu1的name值
        stu1.name = "李四";
        //请问stu2的值会改变吗?
        console.log(stu2.name);
    </script>

结果如下:

又如：

            //简单数据类型
            var num = 1;
            fn1(num);
            console.log(num);

            function fn1(aaa){
                aaa = aaa*10;
            }


            //复杂数据类型
            var obj = new Object();
            obj.name = "张三";
            fn2(obj);
            console.log(obj);

            function fn2(object){
                object.name = "李四";
            }

结果也会一样

为什么会出现这种情况呢?

简单数据类型赋值时，传的是数值。(即开辟新的空间)

而复杂数据类型赋值时，传的时地址(即修改同一片内存空间)

如下图所示:

简单数据类型赋值:

因为是在栈里面另外开辟一个空间，所以num2的值不会改变，改变的是另一个空间的值

复杂数据类型:

而复杂的数据类型时在堆中复用一个内存空间

所以才会出现以上的情况

那么要如何避免呢?

当你向修改成员变量中的简单数据类型时，不要通过参数传递，只要在函数中直接修改就行了。