JavaScript基础学习简单数据类型与复杂数据类型

柠檬味小发糕

于 2021-12-13 18:10:33 发布

阅读量230

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_43537319/article/details/121911318

版权

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中的简单数据类型和复杂数据类型在函数参数传递时的区别。对于简单数据类型，函数内部的修改不会影响到外部变量。而对于复杂数据类型，如对象，由于传递的是引用，函数内部的修改会影响到原始对象。示例代码展示了这一概念，通过创建Person类和f1函数来说明复杂类型在函数调用中的行为。

摘要由CSDN通过智能技术生成

JavaScript基础学习简单数据类型与复杂数据类型

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        // 简单数据类型传参
        //  当我们把一个值类型作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参
        //  在方法内部对形参做任何修改，都不会影响到外部变量
        function fn(a) {
            a++;
            console.log(a);
        }

        var x = 10;
        fn(x);
        console.log(x);

        // 复杂类型传参
        // 函数的形参可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参
        function Person(name) {
            this.name = name;
        }

        function f1(x) {
            console.log(x.name); //刘德华
            x.name = "张学友";
            console.log(x.name); //张学友
        }
        var p = new Person("刘德华");
        console.log(p.name); //刘德华
        f1(p);
        console.log(p.name); //张学友
    </script>

</head>

<body>

</body>

</html>