【面试常考】你熟悉箭头函数吗？

1.箭头函数的作用
定义匿名函数，回调函数
2.箭头函数的特点：
（1）写法简洁

// 这是普通函数
var fun1 = function() {
	alert('我是普通函数')
}
// 这是箭头函数
var fun2 = () => alert('我是箭头函数')

（2）箭头函数的this不是调用的时候决定的，而是定义的时候它所处的上下文环境决定的

//这是普通函数
var fun1 = function() {
	console.log(this)  // window  this取决于该函数被谁调用的，fun1调用的时候是**全局调用**的，所以this是window
}
fun1()
// 这是箭头函数
var fun2 = () => console.log(this)  // window  该箭头函数**定义**在全局，所以this是window
fun2()

(3)对箭头函数的扩展理解：
箭头函数的this看它定义的时候外层是否有函数:
如果有，该箭头函数的this是外部函数的this;
如果没有，则this指向window。

setTimeout(() => {
	console.log(this) //window  该箭头函数的this与setTimeout的this一致
},2000)

var obj = {
	username:'zyy',
	showName:() => {
		console.log(this) //window
	}
}
obj.showName()

var obj = {
	username:'zyy',
	showName:function() {
		() => console.log(this) //obj  该箭头函数的This是它外层的普通函数所指的this即obj
	}
}
obj.showName()