JavaScript中函数的形参和实参的实现原理剖析
浏览数：36 /
时间：2015年06月08日
我们都知道JS里面参数的传递是可以不一样的，比如我们有一个函数：
<script type="text/javascript"> function one(a,b,c) { this.x = a; console.log(a); } one(1); </script>
我们传递的数字只有一个1，但是形参那里有abc三个。这分明对不上啊不是吗？
这个时候如果我们查看b,c的话会显示undefined。ps:比如console.log(b)。
当然啦，本来就没有这两个数。怎么找给你？
那面对这种实参和形参对不上号的情况，JS是怎么实现的呢？让我们来看一段代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>JavaScript中函数的形参和实参的区别</title> </head> <body> <script type="text/javascript"> function one(a,b,c) { return one.length; } function two(a,b,c,d,e,f,g){ return arguments.length; } console.log(one()); //3 console.log(two()); //0 </script> </body> </html>
这里我们在one函数里面返回了one.length，在two函数里面返回arguments.length。可能你已经发现了，输出的one()返回了one.length就是形参的数量，而argument.length就是实参的数量。
瞬间秒懂了有木有？
甚至我们可以用arguments[0]取到实参的数字。
但是为什么没有形参的数字可以用类似数组的方式这样表示呢？好吧，我知道你是处女座的凡事要求对。除非你形参是数组你可以这样用。不然在函数里面我们就只能用形参的名字来取得实际的参数了。
在C#，Java里面对类型和个数相对JS来说要求十分严格，一点对不上就报错了。而JS就因为有这样的设计而可以变成相对灵活的语言。
上述方法就是JS依赖的不强制对形参和实参规定个数相等的实现了。至于类型的相同，JS什么类型都可以写成var a = ……，要类型何用？所以才说JS是一种弱类型的语言嘛！
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
