箭头函数

ES6中新增的定义函数方式。

() => { }
//将箭头函数赋值给变量
const fn = ()  =>  { 

 }
//调用
 fn()

特点1 函数体中只有一句代码 且代码执行结果就是返回值，可以省略 return 和 大括号

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

特点2 如果形参只有一个，可以省略小括号

function fn (v) {
   return  v;
}
//箭头函数
const fn = v => v;

箭头函数不绑定this 箭头函数中的this， 指向的是函数定义位置的上下文this
this关键字指向箭头函数定义位置中的this

注意 对象不能产生作用域
var age = 100;
var obj = {
   age:20,
   say: () => {
   //   此时this指向Window
       alert(this.age)
    }
}
obj.say() // 100