ASCII码 ASCII码

实例演示函数参数与返回值

发布于:2022-04-02 12:17:53  栏目:技术文档

实例演示函数参数与返回值

实例代码如下:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>函数的参数与返回值</title>
  8. </head>
  9. <body>
  10. <script>
  11. let f=(a,b)=>a+b;
  12. console.log(f(10,20));
  13. console.log(f(10));
  14. // NaN:not a number
  15. // 1.参数不足:默认参数
  16. f=(a,b=0)=>a+b;
  17. console.log(f(10,5));
  18. // 2.参数过多
  19. f=(a,b)=>a+b;
  20. console.log(f(1,2,3,4,5));
  21. // 如何将全部参数接收到?剩余参数...
  22. // ...rest:用在函数的形参中,归并
  23. f=(a,b,...c)=>console.log(a,b,c);
  24. // 将多出来的3,4,5压入到数组c中
  25. console.log(f(1,2,3,4,5));
  26. let arr=[1,2,3,4,5];
  27. // 将一个数组打散,变成一个个离散的值
  28. console.log(...arr);
  29. console.log(f(...arr));
  30. // 与下面这条语句功能一样
  31. console.log('------------');
  32. console.log(f(1,2,3,4,5));
  33. // ...用在参数调用时的实参中,是解包,打散
  34. // f=(a,b,c,d,e,f)=>a+b+c+d+e+f;
  35. f=(...arr)=>arr.reduce((a,c)=>a+c);
  36. console.log(f(1,2,3,4,5,6,7,8,9,10));
  37. // 返回值:函数只能有一个返回值,默认单值返回
  38. // 需要返回多个值怎么办?数组,对象
  39. // 本质上仍然返回一个值,只不过这是一个引用类型的复合值
  40. // function fn(){
  41. // return [1,2,3];
  42. // }
  43. let fn=()=>[1,2,3];
  44. let res=fn();
  45. console.log(res);
  46. fn=()=>({
  47. id:2,
  48. name:'mary',
  49. age:18
  50. });
  51. res=fn();
  52. console.log(res);
  53. </script>
  54. </body>
  55. </html>

控制台效果如下:

相关推荐
阅读 +