js中的函数参数个数问题(重载问题)

最新推荐文章于 2022-05-14 21:26:05 发布

djskl

最新推荐文章于 2022-05-14 21:26:05 发布

阅读量2.4k

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/djskl/article/details/25792717

版权

前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

在javascript中，不存在重载机制，参数个数不是区别不同函数的标志，函数名是函数唯一的标识。

<html>
<head lang="en">
    <meta charset="UTF-8">
</head>
<body>
    <script>
        var fun=function(arg){
            console.log("我是函数1");
        };
        var fun=function(arg1,arg2){
            console.log("我是函数2");
        };
        var arg1=1;
        var arg2=2;
        fun(arg1);
        fun(arg1,arg2);
    </script>
</body>
</html>

输出为：

我是函数2
我是函数2

从上面这个例子可以看出，第二个函数的定义覆盖了第一个函数，fun这个名字最终指向了第二个函数，第一个函数消失了，永远不会被调用到了，这跟变量的覆盖是一样的，js中还不存在变量重名的问题，后面定义的变量总会覆盖前面已经定义的变量。

这给函数的调用带来了一定灵活，因为不用担心参数个数不匹配的问题，在函数调用时，实参会按顺序赋给形参，多余的实参会被省略掉，未被赋值的形参为undefined(就是变量声明了没赋值，在函数中判断一个参数是否被赋值了用var===undefined进行判断，注意，在函数外判断一个变量是否被声明或定义：typeof(x) == "undefined" )。

对于变量个数不确定的函数，完全可以不声明形参，在函数内部可以通过arguments来访问传递给该函数的所有的实参，其中arguments为包含所有实参的数组。