js中函数的参数有:
函数类型,无参,单参,双参,多参
参数类型:基础变量(一般),固定变量(初始化),函数变量(高阶)
一般函数:很好理解,就是对应参数给就好了,
函数变量:把函数当做变量使用我们称之为回调,现在机遇web式编程,几乎都是异步处理,也很常见了,但仍然是比较难的一部分。可以参考回调函数。
固定变量:将函数中部分变量进行初始化后直接使用。存在的一个现象,就是,我们可以在多参的情况下,少输入参数,然后进行操作。
测试用例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>测试固定值函数</h1>
<button onclick="ff(1,1)">不带固定值显示点击</button>
<button onclick="ff(1,1,false)">带固定值显示点击</button>
<script type="text/javascript">
function ff(jd, wd, center = true) {
var ss;
if (center) {
ss = jd + wd;
} else {
ss = jd - wd;
}
console.log("结果=" + ss);
}
</script>
</body>
</html>
在测试用例中可以直接,发现,当使用第一个按钮得出的结果为2,也就相当与“center”变量直接为true,
第二个按钮的结果为0,也就是将"center"赋值为false后的结果。
结合这种理解,我们可以在更加合理的利用多参与固定变量函数,达到函数的重用复用目的。