箭头函数的 this 指向哪⾥？

最新推荐文章于 2024-07-28 16:24:55 发布
最新推荐文章于 2024-07-28 16:24:55 发布
阅读量380 收藏 1
点赞数 1
分类专栏： 前端面试常见问题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45549964/article/details/127750168
版权
箭头函数不同于传统 JavaScript 中的函数，箭头函数并没有属于⾃
⼰的 this，它所谓的 this 是捕获其所在上下⽂的 this 值，作为⾃
⼰的 this 值，并且由于没有属于⾃⼰的 this，所以是不会被 new
调⽤的，这个所谓的 this 也不会被改变。

箭头函数没有自己的this，它的this是继承而来，默认指向在定义它时所处的对象(宿主对象)。

前端猎码人
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
箭头函数的this指向问题-一看就懂
qq_43623970的博客
04-27 587
OK,对于箭头函数的this 用一句话概括：箭头函数中的this指向的是定义时的this，而不是执行时的this。 如果上面这句话听的是懂非懂或者完全不懂的，没关系，下面会有案例讲解。 举个栗子 来看看this的一个使用案例：    //定义一个对象    var obj = {         x:1...
this 指向详细解析（箭头函数）
weixin_30568591的博客
06-20 1225
本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html 前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等...
JS中this的指向性
最新发布
weixin_51968651的博客
07-28 550
针对一些常见的this的指向性问题进行一个简单的介绍。
一篇文章看懂箭头函数的this到底指向哪里
jk24680的博客
06-24 2184
箭头函数的this指向所在对象所处于的环境。听起来有点绕，简单理解，箭头函数住哪儿，它里面的this就是指向它住所所处于的地方，而不是指向它的住所。比如我住在房子里，房子在某某小区。那么就说我在某某小区，而不能说我在房子里。同理把我理解成箭头函数的this,就很好理解了。来看第一个例子： 上面这个例子中，箭头函数住在obj里面，obj就是住所或者房子，那么房子又在哪呢？房子在window环境里，那么箭头函数的this指向window。箭头函数->obj->window，箭头函数指向window再来看第二个例
箭头函数this的指向
weixin_57959921的博客
03-15 2296
箭头函数this的指向
ES6箭头函数体中this指向哪里？
weixin_33826609的博客
03-28 708
一、this关键字小测试 ES6箭头函数体中的this指向哪里？ 在回答这个问题之前先来揣揣你对this关键字的了解程度：（让我们回到ES6之前）题： var obj = { a: function() { console.log(this); } } var b = obj.a; b(); 问：打印出的...
箭头函数中的this指向
ChpeShy的博客
04-01 7688
普通函数：this指向分为4种情况，1. obj.getName();//指向obj2.getName();//非严格模式下，指向window，严格模式下为undefined3. var a = new A();   a();//指向A本身4.getName().apply(obj);//指向obj箭头函数：箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上是调用的是...
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5830
箭头函数this指向以及改变this指向的方法 call apply bind 总结 相同点： 都可以改变函数内部的this指向 不同点 ： 1.call和apply会调用函数,并且改变函数内部this的指向 2.call和apply传递的参数不一样,call传递参数aru1,aru2…形式 , apply必须数组形式 3.bind 不会调用函数,可以改变函数内部this指向 主要应用场景 1.call经常做继承 2.apply经常跟数组有关系,比如借助于数学对象实现数组最大值最小值 3.bind不调用函数
箭头函数及其this的指向
qq_53841687的博客
07-13 3842
目录一、箭头函数1、 基础语法 2、箭头函数简写 二、箭头函数的 this1、全局函数下的 this2、对象方法里面的 this3、构造函数的this4、 call()、apply()、bind()调用时的 thisES6中引入了箭头函数。箭头函数允许我们编写更短的函数。 语法：() =>{} // ():函数 =>:必须的语法，指向代码块 {}:代码块 2、箭头函数简写 代码块只有一句话，省略 { } 和 return只有一个参数时，小括号 ( ) 可省略 普通函数 this 跟调用者有关 箭头
ES6-箭头函数this指向
qq_43781887的博客
07-28 447
因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。...
箭头函数及this指向修改
flynn_
02-24 6749
简单的说，箭头函数就是对匿名函数的简化 作为ES6的一种新规范，箭头函数的优点不仅在于写法上的简化，更多的是能够根据情况，与匿名函数之前切换使用，快速达到this指向切换的效果。 那么，箭头函数如何使用呢？ 用法及格式 this指向 与普通函数区别 用法及格式 一般形式上的箭头函数长这样 () => { } ...
【ES6】箭头函数this指向问题【看这一篇就够啦！】
Milk~每天分享一点点，技术进步一点点
08-10 3026
箭头函数this指向 箭头函数有4个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 （4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 上面四点中，第一点尤其值得注意。this对象的指向是可变的，但是在箭头函数中，它是固定的。 function fo
箭头函数中的this 指向
weixin_45677987的博客
06-20 383
1： 箭头函数中的this 指向： 1: 箭头函数中的this 是如何查找的？ 2: 箭头函数中的this 是向外层作用域中, 一层一层查找this, 直到找到this的定义。 箭头函数中的this 引用的就是最近作用域中的this. 什么时候使用箭箭头函数？ <script> setTimeout(function() { console.log(this); // window 指向全局 }, 1000) setTimeout(()=> {
箭头函数的 this 指向哪⾥
qq_53437460的博客
09-06 154
以上就是今天要讲的内容，本文仅仅介绍了箭头函数的 this 指向哪里。
箭头函数的this指向哪里
曹豆芽
03-19 605
箭头函数的this指向哪里 经常可以使用看到箭头函数的this,但是有时在想this指向哪里 箭头函数不同于传统JavaScript中的函数,箭头函数并没有属于自己的this,它的所谓的this是捕获其所在上下文的 this 值，作为自己的 this 值,并且由于没有属于自己的this,而箭头函数是不会被new调用的，这个所谓的this也不会被改变. 我们可以用Babel理解一下箭头函数: // ...
关于箭头函数中的this的指向
热门推荐
xu4321083的博客
03-30 4万+
普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (约定俗成)3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新...
箭头函数的this指向
angry_rooster的博客
06-04 7540
箭头函数的this指向 箭头函数 箭头函数为以下形式的函数 const func = (paramList) => { // 函数体 } 按照习惯，将箭头函数作为单独一个函数来使用的情况并不多，往往是当要传入的参数是函数时才使用箭头函数 // 比如 elem.addEventListener("click", () => { // 函数体 }) this在函数中的指向 我们常用函数关键字function来声明一个函数，在一个function()中，this总是指向调用这个函数
this：它到底指向哪里！箭头函数的this又是啥？
Lovely Ruby 的手账
06-30 728
this 总结一句话 谁最终调用，this 就指向谁。 默认绑定 指针默认绑定的是 window console.log(this); // window 写全局函数的话，也是指向的 window function a() { console.log(this); } a() // window //实际上是 window.a(); 我们可以展开window看看 定时器是window下的方法，所以this也会指向window。 /
箭头函数this指向问题，箭头函数与普通函数的区别？
04-04
箭头函数和普通函数最大的区别在于它们的this指向不同。 普通函数的this指向是动态的，在运行时根据调用时的上下文决定。当使用函数调用、对象方法调用或apply/call/bind等方法调用时，this指向的对象不同。 而箭头函数的this指向是静态的，即函数定义时所在的词法作用域的this值，无法通过任何方式改变this的指向。 这意味着，在箭头函数内部使用this时，它指向的是箭头函数所在的上下文，而不是函数调用时的上下文。这也是为什么箭头函数经常被用来解决this指向问题的原因。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值