js中函数的形参跟实参的匹配问题

最新推荐文章于 2024-04-02 20:21:29 发布

忧郁火龙果

最新推荐文章于 2024-04-02 20:21:29 发布

阅读量868

点赞数 2

分类专栏： JS基础文章标签： javascript

本文链接：https://blog.csdn.net/LQlove1/article/details/124884686

版权

JS基础专栏收录该内容

20 篇文章 0 订阅

订阅专栏

一、什么是形参跟实参

要了解什么是实参就要了解什么是函数，函数结构如下：

是
如上图所示，形参就是声明函数时，函数名括号里面的参数，形参可以有多个。
如上图所示，实参就是调用函数时，我们输入的准确的值就是实参，也可以有多个。
注意：形参跟实参的个数可以不匹配，但是会出现一些问题。

二、形参跟实参的匹配问题

有三个问题：

当形参跟实参相同时，就可以完全匹配，如下列代码：

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    <script>
        // 1.如果说形参跟实参的个数相同，那么就能完全匹配
        function getSum(num1,num2){
            return num1+num2;
        }
       console.log(getSum(1,2)) //正常输出结果为3
    </script>
</body>

当形参个数大于实参时，形参的多余的个数就会是undefined，如下列代码：

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    <script>
       // 2.如果说形参个数大于实参，那么剩下的形参没有给到实参的数，那么剩下的就是undefine
       function getSum1(num3,num4,num5,num6){
           return num3 + num4 + num5 + num6 ;
       }
       console.log(getSum1(1,2))//结果为NaN
    </script>
</body>

当形参小于实参时，实参多余的元素就找不到的匹配的地方，但是形参每一个都会被匹配完，实参多余的就让他多余吧，不影响形参的运算，如下列代码所示:

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    <script>
        // 3.如果说实参个数大于形参，那么剩下的实参，就给不了形参值，形参就取能给到的实参值，进行运算。
        function getSum2(num7,num8){//只能取到实参的前两个值
           return num7 + num8 ;
       }
       console.log(getSum2(1,2,3))//结果为3
    </script>
</body>

三、三段代码的整合

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.如果说形参跟实参的个数相同，那么就能完全匹配
        function getSum(num1,num2){
            return num1+num2;
        }
       console.log(getSum(1,2)) //正常输出结果为3

       // 2.如果说形参个数大于实参，那么剩下的形参没有给到实参的数，那么剩下的就是undefine
       function getSum1(num3,num4,num5,num6){
           return num3 + num4 + num5 + num6 ;
       }
       console.log(getSum1(1,2))//结果为NaN

        // 3.如果说实参个数大于形参，那么剩下的实参，就给不了形参值，形参就取能给到的实参值，进行运算。
        function getSum2(num7,num8){//只能取到实参的前两个值
           return num7 + num8 ;
       }
       console.log(getSum2(1,2,3))//结果为3
    </script>
</body>

忧郁火龙果

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
js中函数的形参跟实参的匹配问题

一、什么是形参跟实参要了解什么是实参就要了解什么是函数，函数结构如下：是如上图所示，形参就是声明函数时，函数名括号里面的参数，形参可以有多个。如上图所示，实参就是调用函数时，我们输入的准确的值就是实参，也可以有多个。注意：形参跟实参的个数可以不匹配，但是会出现一些问题。二、形参跟实参的匹配问题有三个问题：当形参跟实参相同时，就可以完全匹配，如下列代码：<!DOCTYPE html><html lang="en"><head></he
复制链接

扫一扫