品易云推流 关闭
文章详情页
文章 > JavaScript > javascript复杂类型如何传参

javascript复杂类型如何传参

javascript复杂类型

头像

小妮浅浅

2021-08-24 20:48:502672浏览 · 0收藏 · 0评论

说明

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

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图