箭头函数this的指向问题

最新推荐文章于 2022-07-28 20:17:26 发布
最新推荐文章于 2022-07-28 20:17:26 发布
阅读量129 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35980086/article/details/95194104
版权

this指向问题

箭头函数中，this的指向是固定化的，并不是因为其内部有着this机制，

真实原因

其内部根本没有this，所以使用箭头函数，在函数内部使用this，该this指向的是箭头函数外部的this。因而不能作为构造函数。

Wen文茵
关注
this 指向详细解析（箭头函数）
weixin_30568591的博客
06-20 1249
本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html 前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等...
【ES6】箭头函数this指向问题【看这一篇就够啦！】
Milk~每天分享一点点，技术进步一点点
08-10 3074
箭头函数this指向 箭头函数有4个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 （4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 上面四点中，第一点尤其值得注意。this对象的指向是可变的，但是在箭头函数中，它是固定的。 function fo
箭头函数中的this
weixin_34375251的博客
02-11 620
使用注意点 箭头函数有几个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 （4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 上面...
关于箭头函数中的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 ...
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...
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指向问题的的面试题
最新发布
10-19
在面试中，关于箭头函数`this`指向的问题是一个常见热点。箭头函数与普通函数的一个关键区别在于它们内部的`this`绑定。这里有几个典型面试题目： 1. **固定this**: 箭头函数内部的`this`总是绑定到函数外部的作用...
箭头函数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指向问题
06-22 108
this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为它没有this，所以也就不能用作构造函数。 箭头函数转成ES5的代码如下。 function foo() { setTimeout(() => { console.log('id:', this....
箭头函数中this指向问题
qaqLjj的博客
11-22 416
es6的箭头函数修复了this的指向问题 如今我们在函数内部定义的函数 不必再这样写了： var that = this; 比如： var obj = { birth: 1990, getAge: function () { var fn = function () { return new Date().getFullYear() - th...
箭头函数中的this指向问题
mianmami的博客
11-22 649
普通函数中的this, 谁调用就指向谁 箭头函数中的this，是父级作用域的this，而不是调用者 箭头函数中的this永远指向父级作用域的this，无法通过apply/call/bind来修改 例子1： 因为没有将箭头函数放置于一个新的函数中，所以箭头函数属于全局作用域 只有定义一个新的函数，才会开启一个新的作用域 let obj = { name: 'Mike', say: function(){ console.log(this); }, h1: ()=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值