箭头函数 _牛客博客

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

ES6 的箭头函数

一种新的函数定义方式

对于函数表达式的简写方式

箭头函数的特性

语法  () => {}  // ():形参的位置 {}:代码段 
注意 没有 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
 }