参数的作用:在函数内部某些值不能固定,可以通过参数在调用函数时传递不同的值进去;
形参:形式上的参数,相当于定义空变量,用来接收值;
实参:实际上的参数,是传递给形参的;
注意:参数个数没有限制;
实参(个数)
实参(个数)>形参(个数),则多余参数被忽略,只取形参;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p id="demo1"></p>
<p id="demo2"></p>
<script type="text/javascript">
//有参函数 2和3是实参
fun(2, 3);
// 返回两个参数的和 a和b是形参
function fun(a, b) {
return document.write(a + b);
}
//有参函数的好处是:减少代码量,多次调用,让结构更加的明显
function jiOrOu(m, n) {
// 定义函数jiOrOu,参数m和n,计算m+n的结果,并将结果输出到控制台
console.log("计算的结果是:" + (n + 3));
}
// 调用函数jiOrOu,参数m和n,计算m+n的结果,并将结果输出到控制台
jiOrOu(3, 8);
function myFunction(x, y = 10) {
return x + y;
} // 如果不传入参数 y ,则其默认值为 10
document.getElementById("demo1").innerHTML = myFunction(0, 2); // 输出 2
document.getElementById("demo2").innerHTML = myFunction(5); // 输出 15, y 参数的默认值
</script>
</body>
</html>
运行结果