箭头函数

在ES6的箭头函数 作者单独成文 来讲解这个箭头函数

ES6 的箭头函数

1. 一种新的函数定义方式
2. 对于函数表达式的简写方式

   箭头函数的特性

   语法  () => {}  // ():形参的位置 {}:代码段 
   注意 没有 arguments这个值

   箭头函数的特性

   如果只是接收一个形参 那么可以忽略不写

   let fun1 = a => {
   console.log(a);
   }
   fun1(100);
   //一句话的时候 可以省略 花括号不写 自动return
   let fun5 = (a, b) => a + b;
   console.log(fun5(1, 2));

   箭头函数 没有this this就是 外部作用域的this 就是箭头函数的this
   箭头函数的this就是你上一行的this就是箭头函数里面的this指向
   没有方法去改变这个箭头函数的this指向

   案例

   let div = document.querySelector("div");
    div.onclick = function (){
        console.log(this); // this的指向   div
    }
    div.onclick = () =>{
        console.log(this);// this的指向    window
    }