函数的定义

函数： 用来封装一段代码，实现重复调用的功能
关键字： function
name: 函数名称 (与变量命名规则一致)
(params)：函数的参数列表
{}： 函数体，将具体的业务逻辑指令放在函数体中

命名

  • 驼峰命名

    参数

    函数的参数集合：arguments对象
    arguments对象：伪数组与数组的结构类似，也有索引。但是数组对象的方法，arguments对象不能调用。
    注意：只能在函数体内部使用arguments对象
    arguments对象 它来接收实参

    1. <script>
    2.       function sum(){
    3.           // arguments对象 它来接收实参
    4.           // console.log(arguments);
    5.           var totalNum = 0;
    6.           for(var i=0;i<arguments.length;i++){
    7.               totalNum = totalNum + arguments[i];
    8.           }
    10.           console.log(totalNum);
    11.       }
    13.       sum(1,2,3,4,5);
    14.       sum(2,3);
    16.       // 启发
    17.       function sum2(arr){
    18.           var totalNum = 0
    19.           for(var i=0;i<arr.length;i++){
    20.               totalNum+=arr[i];
    21.           }
    22.           console.log(totalNum);
    23.       }
    24.       sum2([1,2,3,4,5,6,7,8,9])
    26.   </script>

返回值

(1)将函数体内部的运行结果返回到函数体外部；
(2) return后续的代码不会再执行。终止函数体后续代码的执行

  1.  <script>
  2.         // 参数 输入
  3.         // 返回值 输出  return
  4.         // return： (1)将函数体内部的运行结果返回到函数体外部；
  5.         // (2) return后续的代码不会再执行。终止函数体后续代码的执行
  7.         function sum(a,b) {
  8.             var res = a+b;
  9.             return res;
  10.             alert('hello');
  11.         }
  12.         var c = sum(10,20);
  13.         console.log(c * 0.77);
  17.     </script>


ES6前的定义函数方式：

  1. function f1(){
  2. }
  4. var fn2=function (){
  5. }

ES6定义函数可以使用箭头函数

特征：语法结构更加简单
模式：let fn1=(参数列表)=>{函数体}
小tips：1.如果函数体中只有一句代码，且作为返回值。那么{}和return都能省略
2.如果形参只有一个，（）也可以省略