箭头函数

@Function

Arrow Function

.使用 => 表示

.也是匿名函数，需要保存到变量中

.更简洁

let sum = (num1, num2) => {
  return num1 + num2;
};

.如果只有一个参数，可以省略形参列表的圆括号 ()

let sum = num1 => {
  return num1 * 2;
};

.如果没有参数，不可以省略圆括号 ()

let sum = () => {
  console.log('hello, world');
};

.如果只有返回语句，没有更多逻辑，可以省略花括号 {} 和 return

//自增函数
let inc = num => num + 10;

inc(12);

this

.事件侦听中，如果使用箭头函数，则 this 指的是的 window，不再是事件对象

btn.addEventListener('click', () => {
  console.log(this);//window
})

btn.addEventListener('click', function () {
  console.log(this);//具体的事件对象，如按钮 button
})