• 技术文章 >Web开发 >JavaScript

    javascript复杂类型如何传参

    小妮浅浅小妮浅浅2021-07-20 11:34:42原创128

    说明

    1、在将实参传递给形参的过程中,复杂的数据类型传递给形参的是实参的地址,而非对象实例。

    2、函数的形参也可以看作是一个变量。当我们将引用类型的变量传递给形参时,我们实际上将变量保存在栈空间中的堆地址复制给形参。形参和实参实际上保存在同一个堆地址,所以操作的是同一个对象。

    实例

        <script>
            function Person(name) {
                this.name = name;
            }
     
            function fun1(x) {
                // 8.由于形参 x 指向 地址p,因此输出的仍然是 地址p 所对应的对象实例{new Person('刘德华'); name = '刘德华'}
                // 9.第二个输出:'刘德华'
                console.log(x.name);
                // 10.对 x.name 进行了重新的赋值,此时的对象实例改为{new Person('刘德华'); name = '张学友'}
                x.name = '张学友';
                // 11.第三个输出:'张学友'
                console.log('2' + x.name);
            }
            // 1.定义一个复杂数据类型
            // 2.复杂数据类型 变量 p 在栈中存储 地址p,变量 p 指向 地址p
            // 3.而真正的对象实例{new Person('刘德华'); name = '刘德华'}存放在堆中
            // 4.变量 p 指向栈中的地址p,地址p 指向堆中的对象实例{new Person('刘德华'); name = '刘德华'}
            var p = new Person('刘德华');
            // 5.第一个输出:刘德华
            console.log(p.name);
            // 6.将变量 p 传递给形参 x,即将 地址p 传递给形参 x
            // 7.然后变量 p 和形参 x 都指向了同一个地址,即 地址p
            fun1(p);
            // 12.此时 p.name 的对象实例为{new Person('刘德华'); name = '张学友'}
            // 13.第四个输出:'张学友'
            console.log(p.name);
        </script>

    以上就是javascript复杂类型的传参方法,希望对大家有所帮助。更多Javascript学习指路:Javascript

    专题推荐:javascript复杂类型
    品易云
    上一篇:javascript简单类型的传参方法 下一篇:JavaScript定义对象数组的方法

    相关文章推荐

    • java数组与javascript数组的区别• javascript构造函数如何借用• javascript组合继承是什么意思• javascript原型链继承的使用• javascript寄生式组合继承如何实现• javascript let关键字的使用注意• javascript隐藏元素值的方法• javascript跳出循环的方法• javascript输出语句的实现• javascript new如何调用构造函数• javascript的归属公司• javascript new的实例化操作• javascript值类型是什么• javascript堆栈内存分配的区别• javascript简单类型的传参方法

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网