JavaScript之基本类型和引用类型作为方法的参数

最新推荐文章于 2021-07-22 16:32:36 发布

JZJZY

最新推荐文章于 2021-07-22 16:32:36 发布

阅读量191

点赞数

文章标签： JavaScript 前端基本类型引用类型作为方法的参数

本文链接：https://blog.csdn.net/weixin_43772533/article/details/107026275

版权

基本类型和引用类型作为方法的参数：
基本类型作为方法的参数：
传递的是参数的值
在函数内部修改参数的值，不会改变外部变量
引用类型作为方法的参数
传递的是参数的引用
在函数内部修改参数的值，会影响外部变量

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //将基本数据类型作为方法的参数，不会影响外部变量
        function fn1(a) {
            a = 100;
        }
        var x = 5;
        fn1(x); //传递的是数值，按值传递
        console.log(x); //x的值不变


        //将引用数据类型作为的参数，会影响外部变量
        function Student(name, age, salary) {
            this.name = name;
            this.age = age;
            this.salary = salary;
        }

        function fn2(stu) {
            stu.name = "alice";
            stu.age = 30;
            stu.salary = 8000;
        }
        var stu1 = new Student("tom", 24, 6600);
        fn2(stu1); //传递的是地址，按引用传递
        console.log(stu1);
    </script>
</head>

<body>

</body>

</html>

JZJZY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之基本类型和引用类型作为方法的参数

基本类型和引用类型作为方法的参数：基本类型作为方法的参数：传递的是参数的值在函数内部修改参数的值，不会改变外部变量引用类型作为方法的参数传递的是参数的引用在函数内部修改参数的值，会影响外部变量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
复制链接

扫一扫