ES6：箭头函数
ES6中新增的定义函数的方式 (箭头函数是用来简化函数定义语法的)
() => { }
const fn = () => { }
1、在箭头函数中，函数体中只有一句代码，且代码的执行结果就是返回值，可以省略大括号
const sum = (num1,num2) => num1+num2;
const result = sum(10,20);
console.log(result);
2、如果形参只有一个，可以省略小括号
function fn(v){
return v;
}
//简化后的写法
const fn = v => v;
3、箭头函数不能绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this
const obj = {name:"张三"}
function fn(){
console.log(this);
//箭头函数没有自己的this，所以箭头函数的this是指向fn()的this，
//而fn()中的this通过call绑定到了obj对象上
return () => {
console.log(this);
}
}
//将fn中的this指向obj对象,定义resFn来接收匿名函数返回的结果，此时这个匿名函数也是个箭头函数
const resFn = fn.call(obj);
//输出this，此时的this指向的也是obj对象
resFn();
一道面试题：以下代码弹出的结果是什么？
const obj = {
age:18,
say:() => {
alert(this.age)
}
}
obj.say();
答案是undefined，这是因为对象是不能产生作用域的！这个say（）箭头函数是被定义在了全局的作用域上，所以say（）里面的this指向的是window，而age属性在全局作用域上没有定义，所以弹出的是undefined