JavaScript箭头函数的this指向

最新推荐文章于 2023-07-21 10:57:50 发布
最新推荐文章于 2023-07-21 10:57:50 发布
阅读量298 收藏 2
点赞数 2
分类专栏： # JavaScript 文章标签： javascript js es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42978759/article/details/105516471
版权

箭头函数没有this，箭头函数的this是继承父执行上下文里面的this。

父执行上下文通常是指箭头函数的上一级普通函数，如果箭头函数的父级函数是普通函数，则父执行上下文就是这个函数，如果箭头函数的父级函数仍然是箭头函数，那么就继续往上找，直到有一个普通函数或者是windows。

普通函数的this指向是调用它的那个对象。

示例：
https://es6.ruanyifeng.com/#docs/function#%E4%BD%BF%E7%94%A8%E6%B3%A8%E6%84%8F%E7%82%B9

似水の流年_2019
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript箭头函数中的this详解
10-16
总之，JavaScript箭头函数的`this`值是固定的，它不会像普通函数那样根据调用方式动态改变。这种特性使得箭头函数在某些场景下更易于理解和使用，但也需要注意它可能导致的`this`行为差异，尤其是在涉及到对象方法和...
JavaScript高级-this绑定规则+箭头函数
10-21
在这个例子中，即使`setTimeout`是异步的，箭头函数内的`this`仍然指向`obj`，而不是全局对象。 总结来说，理解JavaScript中的`this`绑定规则对于编写复杂的JavaScript代码至关重要。正确地处理`this`可以帮助我们...
JS中的this指向
热门推荐
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
js学习之路（六）——this，箭头函数，对象操作
等风来的博客
03-03 509
js学习之路（六）
js中箭头函数和this
mengsandy的专栏
09-10 2888
1、箭头函数理解 箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是普通函数，执
js箭头函数this指向
yuzheh521的博客
07-21 329
在上面的代码中，`MyClass` 是一个类，`myObj` 是该类的实例。在上面的代码中，`sayHello` 方法是一个箭头函数，它继承了类 `MyClass` 的上下文，因此 `this` 指向的是类的实例 `myObj`。在 JavaScript 中，类中的箭头函数的 `this` 指向的是定义该箭头函数的上下文，而不是运行时的上下文。当你在类中使用箭头函数时，箭头函数会继承外部作用域的 `this` 值，而不会创建自己的 `this`。这意味着 `this` 在方法中指向的是当前实例对象。
ES6箭头函数
一个有思想的新时代农民工的博客
10-12 772
一、语法根据参数个数不同，分这几种情况： 1、() => { … } // 零个参数用 () 表示； 2、x => { … } // 一个参数可以省略 ()； 3、(x, y) => { … } // 多参数不能省略 ()； 1、 具有一个参数的简单函数var single = a => a single('hello, world') // 'hello, world
深入理解Javascript箭头函数中的this
10-20
总的来说，箭头函数是JavaScript中解决`this`指向问题的一种强大工具，它使得代码更简洁，但也要求开发者更加注意`this`的使用场景。在编写JavaScript代码时，理解并正确使用箭头函数对于提高代码质量和可维护性至关...
JavaScript 嵌套函数指向this对象错误的解决方法
10-29
然而，当涉及到嵌套函数时，这个问题变得更加复杂，因为嵌套函数并不继承外部函数的`this`值，而是按照默认规则（全局对象或箭头函数的定义上下文）来确定。 在给定的例子中，我们有一个名为`me`的对象，包含一个`...
Javascript 中 this指向
最新发布
09-07
5. 在箭头函数中，this的指向是由外层（函数或全局）作用域来决定的。 下面我们来看一些实战例题，逐一梳理this的指向。 全局环境中的 this 例题 1： ``` function f1() { console.log(this); } function f2() ...
js 箭头函数 this
zsensei的博客
05-19 2269
普通的函数决定 this 指向的规则 如果使用 new 创建对象，那么 this 指向这个刚创建的对象：var bar = new foo() 如果函数使用了 call 或者 apply 调用，this 指向指定的对象：var bar = foo.call(obj2) 如果函数被某个对象显示调用，this 指向这个对象：var bar = obj1.foo() 否则，this 指向全局对象，比...
JS-箭头函数及其this的指向和改变this指向（call apply bind）
DcTbnk的博客
04-09 4503
一.箭头函数 <div>我是div</div> 所谓的箭头函数 是函数的另一种语法形式 const fun = function(){} 普通函数 const fun = ()=>{} 箭头函数 将匿名函数的部分,从 function(){} 写成 ()=>{} 的形式 如果函数只有一个参数,可以不写() const fun = ...
深入理解ES6箭头函数中的this
liwusen的博客
04-20 3万+
简要介绍：箭头函数中的this，指向与一般function定义的函数不同，比较容易绕晕，箭头函数this的定义：箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。 1、何为定义时绑定 我们来看下面这个例子： （1） var x=11; var obj={ x:22, say:function(){ console.log(this.x) } }...
vuejs 箭头函数下this指向问题
weixin_30725467的博客
06-11 541
今天跳转的时候遇到一个问题 在子组件中 this.$router.push({ path:'/easylearn' }) 报错，no $router 后面差错，是因为写了箭头函数的缘故，this指向了当前域 这里应该直接用函数写 goFirst正常，goSecond报错 methods:{ goFirst(){ console.lo...
this 指向
W Y L
02-22 117
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的 this 指向哪个对象。 普通函数：谁调用指向谁 全局变量指向全局对象-window var username = 'cn' function fn() { alert(this.username) //cn } fu()...
ES6(ECMAScript 6 ) 箭头函数以及js中的this
fengzijinliang的专栏
08-10 7447
箭头函数定义一个箭头函数很简单，基本语法是： JS([param] [, param]) => { statements }param => expression param 是参数，根据参数个数不同，分这几种情况： () => { ... } // 零个参数用 () 表示； x => { ... } // 一个参数可以省略 ()； (x, y) => { ... } // 多参数不能省略
【JavaScript高级】关于箭头函数和箭头函数里面的this
00后的一位普通处女座前端程序员
05-05 57
关于箭头函数和箭头函数里面的this详细讲解带演示demo复制即用秒懂级别
箭头函数与普通函数区别
田兴的博客
09-29 7248
一、箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。 二、箭头函数不绑定arguments，取而代之需要用展开运算符解决...解决 三、箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值 四、箭头函数通过 call() 或 apply() 方法调用一个函数时，只传入了一
箭头函数this指向
08-26
箭头函数的 this 指向是在定义函数时确定的，而不是在运行时确定的。箭头函数没有自己的 this 绑定，它会继承外层作用域的 this 值。这意味着箭头函数内部的 this 与外部的 this 是一致的，与箭头函数被调用的方式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值