箭头函数this的指向问题

最新推荐文章于 2023-12-29 17:11:27 发布
最新推荐文章于 2023-12-29 17:11:27 发布
阅读量158 收藏
点赞数
分类专栏： ES6 文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46240162/article/details/104124264
版权

箭头函数的this的指向问题

  • 众所周知，在ES6没有提出箭头函数之前，javascript的this指向是很混乱的。我现在也还不是很明白
  • 我们在使用对象的时候 this就显得格外的重要，很多时候我把一个函数用箭头函数的方法来写，最后都丢失了原来的this，所以在我的理解中，我们要分清场合来使用箭头函数和普通的function函数
如下图

在这里插入图片描述

创建了一个对象，这个对象里面有两个方法获取name属性
  • 第一个是用箭头函数的方式写这个方法，第二个使用普通的function函数写这个方法
结果如下

在这里插入图片描述

  • 显然 箭头函数的this无法获取到对象的值， 公共打印箭头函数的this可以知道，他的this指向的是一个空对象，而不是我们理解的那个this，

  • ！！！所以！ 在我看来 没有搞明白这个this的时候，我们在对象里如果有涉及到引用的话 还是用原来的function{}函数来写

  • 最后 希望各位大佬明白这个this指向的来告诉我一下 也希望这个能够帮助到大家！

Jimmy雪雪
关注
专栏目录
ES6 箭头函数this指向问题
兜里有米
11-30 922
1.箭头函数语法var a = b => c2.箭头函数this通过一个例子：var obj={ a:5, func:()=>{ //console.log(this); //Window console.log(this.a); }, test:function(
this 指向详细解析（箭头函数）
weixin_30568591的博客
06-20 1249
本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html 前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等...
箭头函数中的this指向问题
棠樾的博客
09-24 368
箭头函数没有自己的 this，它内部的 this 是外层代码块的 this，也就是定义箭头函数时所在的对象。 ES6 标准入门里面对箭头函数 this 的指向有如下说法： 函数体内的 this 对象就是定义时所在的对象，而不是调用时所在的对象。 一般this 对象的指向是可变的，但是在箭头函数中，this 的指向是固定的。 普通函数 普通函数的this在声明时指向window，在调用时指向调用...
箭头函数的this指向问题
专注
12-29 495
箭头函数内部的this是继承自定义时所在对象，而不是执行时所在的对象。这意味着箭头函数没有自己的this，而是使用外层代码块的this。因此，箭头函数不能用作方法或构造函数，也不能访问arguments和super。例如，下面的代码中，obj的show方法是一个箭头函数，它的this是继承自全局对象window，而不是obj本身。所以，this.x的值是undefined，而不是100。如果想让箭头函数的this指向obj，可以使用普通的函数表达式，或者使用bind方法显式绑定this。
箭头函数导致this 指向问题
liubangbo的专栏
08-15 179
正确写法： function Utils() { Utils.prototype.getValue = (info) => { return !!info && info.value; } } let instance = new Utils(); instance.getVolume = function(directive){ //不是箭头函数，函数内部this指向instance对象
【ES6】箭头函数this指向问题【看这一篇就够啦！】
Milk~每天分享一点点，技术进步一点点
08-10 3074
箭头函数this指向 箭头函数有4个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 （4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 上面四点中，第一点尤其值得注意。this对象的指向是可变的，但是在箭头函数中，它是固定的。 function fo
ES6-箭头函数this指向
qq_43781887的博客
07-28 478
因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。...
箭头函数的this指向问题-一看就懂
qq_43623970的博客
04-27 602
OK,对于箭头函数的this 用一句话概括：箭头函数中的this指向的是定义时的this，而不是执行时的this。 如果上面这句话听的是懂非懂或者完全不懂的，没关系，下面会有案例讲解。 举个栗子 来看看this的一个使用案例：    //定义一个对象    var obj = {         x:1...
箭头函数this指向问题的的面试题
最新发布
10-19
在面试中，关于箭头函数`this`指向的问题是一个常见热点。箭头函数与普通函数的一个关键区别在于它们内部的`this`绑定。这里有几个典型面试题目： 1. **固定this**: 箭头函数内部的`this`总是绑定到函数外部的作用...
关于箭头函数中的this指向问题
anao1436的博客
06-22 207
参考文章https://blog.csdn.net/zhq2005095/article/details/70666833 this的主要应用场景有： 1、在普通函数，this指向window对象。 2、函数作为对象的属性，this指向调用函数的对象。 3、构造函数对象中，this指向函数的实例对象。 4、call和apply中，this指向第一个参数，即被扩展的作用域对象。 ...
关于箭头函数中this指向问题
weixin_44777146的博客
03-30 200
对于箭头函数中的this指向问题一直困扰我很久，查阅文章现在终于弄懂了。 先上一段代码； var user="Absorbed-22"; let person={ user:"Absorbed-", get:function () { return function (){ console.log(this); return this.user;
关于箭头函数的this指向问题
adz41455的博客
11-02 196
document.onclick = function(){ // 普通函数的this是在运行的时候才临时绑定的，也就是说，函数不运行，你绝对不可能知道this是谁 // 下面这个函数如果是自调用,this就是window，比如情况1 // 如果是被别的对象调用的，this就是调用他的那个对象 比如情况2 function ...
箭头函数this指向问题
qq_29207823的博客
07-22 264
箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。而且它是固定的。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是
箭头函数中this指向问题
qaqLjj的博客
11-22 416
es6的箭头函数修复了this的指向问题 如今我们在函数内部定义的函数 不必再这样写了： var that = this; 比如： var obj = { birth: 1990, getAge: function () { var fn = function () { return new Date().getFullYear() - th...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值