ES6基础------箭头函数

目录

        箭头函数是ES6引入的一种新的函数语法，其语法简介、易读。箭头函数可以看做是匿名函数的一种简写形式.

一、箭头函数：

        （1）传统函数 ES5：

传统关键词 function，由参数值的话后面加 ()，由 {} 包含着内容，内容中由 return语句结尾.

​编辑

       （2）ES6 的箭头函数：

  ① 使用箭头（=>）来替代传统的函数关键字function，() =>表示该函数不需要任何参数，函数体如果只有一条语句，则花括号 {} 可以省略，函数的返回值为该条语句执行结果

可省略简写为：

② 如果形参只有一个，则小括号可以省略

parameter => 表示该函数只需要一个参数.

简写为

③ 多个参数时需要用圆括号括住(..., ...) =>，函数体则跟在箭头后面。

简写为

④箭头函数 this 指向声明时所在作用域下 this 的值

⑤箭头函数不能作为构造函数实例化

⑥不能使用 arguments

二、arguments函数的使用

arguments是一个特殊的变量，它包含了函数被调用时传递的所有参数，在不确定要传递多少参数（不知道定义多少形参）的时候进行使用，在定义打印操作的时候用来代替形参.

三、rest参数 (...)

1.在箭头函数中没有 arguments，在不确定参数的时候可以使用 rest.

2.在 JavaScript 中，rest 参数（也称为剩余参数）是一种允许函数接受不定数量的参数的语法。它使用三个连续的点号（…）作为前缀， 用于接受多个实参及不确定数量的实参 .

3.需要注意的是，rest 参数只能出现在函数参数列表的最后，每个函数只能有一个 rest 参数。

---

        箭头函数是ES6引入的一种新的函数语法，其语法简介、易读。箭头函数可以看做是匿名函数的一种简写形式.

一、箭头函数：

        （1）传统函数 ES5：

传统关键词 function，由参数值的话后面加 ()，由 {} 包含着内容，内容中由 return语句结尾.

 let a=function(a,b) {//(a,b)形参，后面给值
            return a+b;
        }

        console.log(a(10,20));//30----运行a(里面给值，作为实参赋值给 a 和 b)

       （2）ES6 的箭头函数：

  ① 使用箭头（=>）来替代传统的函数关键字function，() =>表示该函数不需要任何参数，函数体如果只有一条语句，则花括号 {} 可以省略，函数的返回值为该条语句执行结果

 let b=()=>{
            return ;
        }
        console.log(b());

可省略简写为：

let b=()=>b;
console.log(b());

② 如果形参只有一个，则小括号可以省略

parameter => 表示该函数只需要一个参数.

let b=(a)=>{
   return b;
}
console.log(b(10));//10

简写为

let b=a=>b;
console.log(b());

③ 多个参数时需要用圆括号括住(..., ...) =>，函数体则跟在箭头后面。

let b1=(a,b)=>{
  return a+b;
}
console.log(b(20,20));//40

简写为

let b1=(a,b)=>a+b;//简写，如果{}里面的函数只有一条，可以省略{}

console.log(b(20,20));//40

④箭头函数 this 指向声明时所在作用域下 this 的值

⑤箭头函数不能作为构造函数实例化

⑥不能使用 arguments

二、arguments函数的使用

arguments是一个特殊的变量，它包含了函数被调用时传递的所有参数，在不确定要传递多少参数（不知道定义多少形参）的时候进行使用，在定义打印操作的时候用来代替形参.

 let  ar=function() {// ()里面的形参，不确定参数用 arguments
                console.log(arguments); //打印的时候用 arguments 代替形参
            }
            ar(1,2,3,4,5,6);//[1, 2, 3, 4, 5, 6] //赋值

三、rest参数 (...)

1.在箭头函数中没有 arguments，在不确定参数的时候可以使用 rest.

  let  ar=()=> {// ()里面的形参，不确定就不写
                //报错，箭头函数没有 arguments，可以使用 rest
               console.log(arguments);
                console.log(a);//[1, 2, 3, 4, 5, 6]
            }
            ar(1,2,3,4,5,6);//赋值

2.在 JavaScript 中，rest 参数（也称为剩余参数）是一种允许函数接受不定数量的参数的语法。它使用三个连续的点号（…）作为前缀， 用于接受多个实参及不确定数量的实参 .

let  ar=(...a)=> {
                //报错，箭头函数没有 arguments，可以使用 rest
                console.log(a);//[1, 2, 3, 4, 5, 6]
            }
            ar(1,2,3,4,5,6);//赋值

3.需要注意的是，rest 参数只能出现在函数参数列表的最后，每个函数只能有一个 rest 参数。