ES5,ES6中箭头函数,对象定义中this的总结

最新推荐文章于 2022-04-23 16:10:21 发布

月半叫做胖

最新推荐文章于 2022-04-23 16:10:21 发布

阅读量615

点赞数

分类专栏：前端学习文章标签： JavaScript ES6 this 箭头函数

本文链接：https://blog.csdn.net/qq_24724109/article/details/84560936

版权

本文探讨了ES6中箭头函数与普通函数的this指向差异。箭头函数的this继承自父作用域，而非执行上下文，而普通函数的this总是指向其直接调用者。通过示例分析了不同情况下this的查找路径，帮助理解两者在this绑定上的区别。

摘要由CSDN通过智能技术生成

最近在学ES6的时候,发现使用箭头函数的时候的this指向不太清楚,和普通的对象创建做了一些对比,讲讲自己的理解,有问题希望大家和我一起讨论研究

箭头函数和 function(){}定义的区别,箭头函数的

这里的所有代码基于chrome进行测试

这里有几个帖子是作为参考的

为了分清箭头函数中的this和普通的this的区别,了解两个概念

普通函数里面的this:

总是代表它的直接调用者,没找到直接调用者,则this指的是 window(匿名函数,定时器中的函数,由于没有默认的宿主对象,所以默认this指向window)

箭头函数中的this:箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，箭头函数中没有自己的this的，而箭头函数会默认使用父级的this,箭头函数的this是父域中的!!!!

自己理解(错误请给我指正):无论是不是在箭头函数中,只要指向的this的量没找到(undefined),就会到全局的window里面找,找到就返回window的值. 下面这个例子说明:

	var x=11;
	var obj={
	  x:22,
	  say1:function(){
	    console.log(this.x)
	  },
	  say2:()=>console.l

关注

专栏目录