js中什么是形参和实参
日期：2019-01-19
来源：程序思维浏览：2825次
参数有形参（parameter）和实参（argument）的区别，形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。
说明白就是，形参就是函数声明时的变量，实参是我们调用该函数时传入的具体参数。
例子：
声明函数add时，a，b就是形参。调用函数add(1,2) 1，2就是实参。
function add(a,b) {
return a + b
};
add(1,2);
形参和实参的实现原理剖析：
我们都知道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是一种弱类型的语言嘛！
说明白就是，形参就是函数声明时的变量，实参是我们调用该函数时传入的具体参数。
例子：
声明函数add时，a，b就是形参。调用函数add(1,2) 1，2就是实参。
function add(a,b) {
return a + b
};
add(1,2);
形参和实参的实现原理剖析：
我们都知道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是一种弱类型的语言嘛！
精品好课
React和VUE是目前最火的前端框架，就业薪资很高，本课程教您如何快速学会React和VUE并应用到实战，教你如何解决内存泄漏，常用库的使用，自己封装组件，正式上线白屏问题，性能优化等。对正在工作当中或打算学习Re...
VUE是目前最火的前端框架之一，就业薪资很高，本课程教您如何快速学会VUE+ES6并应用到实战，教你如何解决内存泄漏，常用UI库的使用，自己封装组件，正式上线白屏问题，性能优化等。对正在工作当中或打算学习VUE高薪就...
React是目前最火的前端框架，就业薪资很高，本课程教您如何快速学会React并应用到实战，教你如何解决内存泄漏，常用UI库的使用，自己封装组件，正式上线白屏问题，性能优化等。对正在工作当中或打算学习React高薪就...
2021年最新Vue2+Vue3+ES6+TypeScript和uni-app开发微信小程序从入门到实战视频教程，本课程教你如何快速学会VUE和uni-app并应用到实战，教你如何解决内存泄漏，常用UI库的使用，自己...
jquery视频教程从入门到精通，课程主要包含：jquery选择器、jquery事件、jquery文档操作、动画、Ajax、jquery插件的制作、jquery下拉无限加载插件的制作等等......
HTML5基础入门视频教程，教学思路清晰，简单易学必会。适合人群：创业者，只要会打字，对互联网编程感兴趣都可以学。课程概述：该课程主要讲解HTML(学习HTML5的必备基础语言)、CSS3、Javascript(学习...
适用人群1、有html基础2、有css基础3、有javascript基础课程概述手把手教你如何开发属于自己的HTML5视频播放器，利用mp4转成m3u8格式的视频，并在移动端和PC端进行播放支持m3u8直播格式，兼容...
React是前端最火的框架之一，就业薪资很高，本课程教您如何快速学会React并应用到实战，对正在工作当中或打算学习React高薪就业的你来说，那么这门课程便是你手中的葵花宝典。