【JavaScript】之函数的this

2018-06-24 01:01:20来源：未知阅读 ()

提起函数中的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>

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

下一篇：ES6 Proxy

热门词条

最新资讯

热门关注

热门标签