箭头函数的 this 指向哪里?

这篇具有很好参考价值的文章主要介绍了箭头函数的 this 指向哪里?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

箭头函数不同于传统 JS 中的函数,箭头函数并没有属于自己的 this,他所谓的 this 是捕获其所在上下文的 this 值,作为自己的 this 值,并且由于没有属于自己的 this,所以是不会被 new 调用的,这个所谓的 this 也不会被改变。可以用 Babel 理解一下箭头函数:文章来源地址https://www.toymoban.com/news/detail-425334.html

// ES6

const obj = {
  getArrow() {
    return () => {
      console.log(this === obj);
    };
  },
};

// ES5,由Babel转义

var obj = {
  getArrow: function getArrow() {
    var _this = this;
    return () => {
      console.log(this === obj);
    };
  },
};

到了这里,关于箭头函数的 this 指向哪里?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS中this的指向

    this永远指向一个对象 this的指向完全取决于函数调用的位置 JavaScript支持运行环境动态切换,this的指向是动态的 全局上下文(Global Context) 在全局执行环境中(在任何函数体外部),this都是指向全局对象,在浏览器中,window对象即是全局对象。 函数上下文(Function Context)

    2024年02月07日
    浏览(39)
  • JavaScript全解析——this指向

    本系列内容为JS全解析,为千锋教育资深前端老师独家创作 致力于为大家讲解清晰JavaScript相关知识点,含有丰富的代码案例及讲解。如果感觉对大家有帮助的话,可以【点个关注】持续追更~ this 是一个,是一个使用在作用域内的 作用域分为 全局作用域和局部作

    2024年02月03日
    浏览(43)
  • react关于类组件this指向

    文章目录 前言: 绑定方式: 一、手动绑定 this: 二、使用箭头函数: 常见问题: 总结: 在 React 中,类组件中 this 的指向和普通的 JavaScript 类相同,指向当前实例对象。但是,在事件处理函数中,this 的指向会有所不同。 当我们使用类组件的时候,事件处理函数中的 this 默认

    2024年02月08日
    浏览(38)
  • web前端开发this指向问题

    ❗ 函数内部中的 this 指向谁,不是在函数定义时决定的,而是在函数第一次调用并执行的时候决定的 1. call 方法 语法:函数名.call(调用者, 参数1, …) 作用:函数被借用时,会立即执行,并且函数体内的this会指向借用者或调用者 function fn(name, age) {     this.name = name;     thi

    2024年02月21日
    浏览(38)
  • JS 能改变this指向的方法

    JavaScript中的this非常重要,它用于引用当前函数所属的对象。但是,有时候我们需要在不同的上下文中使用相同的函数,这就需要改变this指向。在JavaScript中,有几种方法可以实现这一目标。 call方法是JS中最基本的改变this指向的方法之一。它允许您将一个函数作为另一

    2024年02月08日
    浏览(39)
  • 【ES6】Class中this指向

    先上代码: 正常运行的代码: 输出: 单独调用函数printName: 输出: debugger调试一下,看看什么情况,调试代码: 调试界面,this显示undefined,在单独调用时,this的指向是undefined。在单独调用的场景下,要如何才能解决该问题呢?下面给出两种种比较简单的解决方法。 1、在

    2024年02月09日
    浏览(32)
  • 【面试必考点】这一次带你彻底学会this的指向问题

    相信很多朋友和我一样,总是搞不清this的指向关系,由于没有硬性要求,所以又总是不想学习,经过两次面试后,笔者发现这个考点真是 面试官常考的点 , 大家静下心来一起学习这篇this的指向吧! 文章主体内容分为两块:this的指向以及如何改变this的指向 全局的this指向

    2024年02月13日
    浏览(39)
  • 传统ERP和SaaS ERP区别在哪里?

    企业资源计划 (ERP) 系统是许多企业的主干,助力管理整个企业内的会计、采购流程、项目等。对于许多 IT 部门而言,ERP 系统通常意味着 大型、昂贵且耗时的部署 ,并可能需要进行 大量硬件或基础设施投资 。然而, 云计算和软件即服务 (SaaS) 部署的出现改变了企业对 ERP 的

    2024年02月07日
    浏览(44)
  • 自动化测试工具比传统测试工具的优势体现在哪里?

    随着软件行业的快速发展和扩张,自动化测试工具在提高测试效率和质量方面起到了不可或缺的作用,那你知道自动化测试工具比传统测试工具的优势体现在哪里吗?   首先,自动化测试工具能够大大缩短测试周期。相比于传统手动测试,自动化测试工具能够在短时间内执行

    2024年02月16日
    浏览(49)
  • 前端面试题-js-new关键字-this指向-js事件流-防抖节流

    1.创建一个简单的空对象 2.原型的绑定,确定对象O的原型链 3.绑定this对象为O,传入参数;执行Person构造函数,进行属性和方法的赋值操作 4.返回结果 普通函数的this指向 函数的this指向有一个基本的原则,谁调用的函数,函数的this就指向谁,否则指向全局 箭头函数的this指向

    2024年01月25日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包