关于Js中函数形参与实参的个数问题

我们知道，在C语言或者C++中，调用函数时，实参和形参之间的类型、顺序不仅要一一匹配，而且实参和形参的个数也要相等。如果想要达到实参和形参个数不相等的效果，那么就得做函数重载。了解过的朋友应该都知道，这样做是很麻烦很麻烦的。

而在JavaScript里，情况是不是也是这样呢？本文就来讨论一下这个问题，帮助大家答疑解惑。

先来上一段示例代码

<body>
	<h1></h1>
	<script>
		var result = document.querySelector('h1');
		function calculate(a,b) {
			var c = a + b;
			return c;
		}
		
		function show(x,y) {
			var content = x + '+' + y + '=' + calculate(x,y);
			result.innerHTML = content;
		}
		
		show(2,6);
	</script>
</body>

当实参个数和形参个数一样时，想必难不倒大家吧，结果如下：
在这里插入图片描述
那么当实参个数 < 形参个数是，结果会是怎样呢？

show(2);

锵锵锵！
在这里插入图片描述
可以看到，虽然实际参数比形式参数少了一个，但控制台并没有报出任何错误信息，证明这是符合js语法的。
由于函数找不到第二个参数，所以输出undefined（未定义），当undefined类型数据和一个数值类型数据进行运算时，undefined先转换成数值类型NaN（非数值），然后NaN和一个数值类型数据运算，结果还是NaN。