【JavaScript】之函数的this

提起函数中的this是很多初学者较为苦恼的，也是很多工作一段时间的人也存在误解的，你问this指向的是谁，大多数人会随口一答当然是指向调用这个函数的元素，当然这也没什么错，可是函数的调用方法不同this的指向就不同，下面就看一下函数的几种调用方法

1. 直接调用：this>Window

<script>
	function fn(){
		console.log(this)
	}
	fn()//直接接调用指向window
</script>

2.通过对象调用：this>调用函数的对象

<script>
	function fn(){
		console.log(this)
	}
	var obj ={
		fn:fn
	}
	obj.fn()//指向对象obj
</script>

3.事件调用：this>触发事件的函数

<script>
	function fn(){
		console.log(this)
	}
	document.onclick = fn;//指向#document
</script>

4.定时器调用：定时器调用：this>Window

<script>
	function fn(){
		console.log(this)
	}
	setTimeout(function(){
		fn() //指向Window
	},1000)
</script>