函数参数的使用细节,能够提升函数应用的灵活度。

默认值

  1. <script>
  2. // 设置参数默认值
  3. function sayHi(name="小明", age=18) {
  4. document.write(`<p>大家好,我叫${name},我今年${age}岁了。</p>`);
  5. }
  6. // 调用函数
  7. sayHi();
  8. sayHi('小红');
  9. sayHi('小刚', 21);
  10. </script>

课堂代码:

  1. // --------------------- 正常的函数参数默认值 -----------------------
  2. // function abc(m, n = 200) {
  3. // console.log(m + n)
  4. // }
  5. // abc(2)
  6. // abc(8)
  7. // abc(7, 50)
  8. // abc(1)
  9. // -------------- 有默认 值的参数尽量放到所有参数的最后 --------------
  10. // function fn(x = 10, y) {
  11. // console.log(x + y)
  12. // }
  13. // fn(undefined, 5)
  14. function fn(y, x = 10) {
  15. console.log(x + y)
  16. }
  17. fn(5)

总结:

  1. 声明函数时为形参赋值即为参数的默认值
  2. 如果参数未自定义默认值时,参数的默认值为 undefined
  3. 调用函数时没有传入对应实参时,参数的默认值被当做实参传入