首页 > 其他分享 >chrome devtool调试中的this指向问题?

chrome devtool调试中的this指向问题?

时间:2023-11-07 20:00:36浏览次数:26  
标签:Chrome 函数 指向 chrome devtool 箭头 开发者 调试

在 Chrome 开发者工具调试中,`this` 的指向可能会有一些问题,特别是在使用箭头函数时。


箭头函数的特性之一是它们不会绑定自己的 `this` 值,而是继承父级作用域的 `this` 值。这意味着在箭头函数中,`this` 实际上是取决于其定义时的上下文,而不是调用箭头函数时的上下文。


然而,在 Chrome 开发者工具的调试环境中,当你在箭头函数中使用 `this` 关键字时,它可能指向全局对象(在浏览器环境中通常是 `window`),而不是你期望的对象。


这是由于 Chrome 开发者工具在显示 `this` 值时的一种行为,它将 `this` 指向了全局对象。


为了解决这个问题,你可以使用普通函数,而不是箭头函数来定义你的代码,或者通过其他方式绑定正确的上下文,例如使用 `bind()` 方法。


另外,在 Chrome 开发者工具的调试环境中,你可以在调试窗口的右上角选择 "Enable 'Async'/'Await'" 选项。启用后,可以更好地处理异步函数中的 `this` 指向问题。

标签:Chrome,函数,指向,chrome,devtool,箭头,开发者,调试
From: https://blog.51cto.com/M82A1/8239299

相关文章

  • APP攻防--安卓逆向&JEB动态调试&LSPosed模块&算法提取&Hook技术
    JEB环境配置安装java环境变量(最好jdk11)安装adb环境变量设置adb环境变量最好以Android命名启动开发者模式设置-->关于平板电脑-->版本号(单机五次)开启USB调试设置-->系统-->高级-->开发者选项-->USB调试开启USB调试目的是为了后续让JEB能够获取模拟器上的进程......
  • 如何使用phpstorm调试php
    以前调试php都是使用dump或者var_dump来进行,非常不方便,现在可以使用phpstorm来进行动态调试,单步跟踪等,可以更快完成任务,环境为本地是win10,ip地址为192.168.0.114服务器使用虚拟机centos7,ip地址为192.168.115.1201.服务器安装xdebug扩展,如果服务器使用了宝......
  • 谷歌Chrome及微软Edge浏览器崩溃问题处理
    问题表现近期用户在使用谷歌Chrome及微软Edge浏览器时,出现网页崩溃无法访问的情况chromeedge原因分析根据错误提示,检查日志,系C:\Windows\System32\winhafnt64.dll文件不符合微软签名规则导致的冲突根据提示信息,检查到该文件发行公司为T.E.CSolutions(GZ,)Limited,查询......
  • vue3 devtool
    打开控制台,输入下面代码:varvue=app.__vue_app__consthook=window['__VUE_DEVTOOLS_GLOBAL_HOOK__']hook.emit('app:init',vue,vue.version,{Fragment:'Fragment',Text:'Text',Comment:'Comment',......
  • eclipse断点调试 出现Source not found
    详见配置图片:增加“addsourcefilenametogeneratedclassfile”勾选。   eclipse工具条,Run->debugconfigurations->Source(tab页)->Add->javaproject->勾选你的工程->applyhttp://bigdragon.iteye.com/blog/1265999http://xiaobaozi.iteye.com/blog/865009......
  • IDEA 断点调试,为啥有的时候断点没有起作用?
    在使用IntelliJIDEA进行调试时,断点可能不起作用的几个常见原因如下:1.编译问题:确保代码已经编译并且最新版本已经部署到运行环境中。如果代码没有被正确编译或部署,断点可能无法生效。2.优化编译器:有些情况下,编译器可以对代码进行优化以提高性能。这可能会导致某些断点无法正常......
  • Chromebook文件夹应用新功能
    种种迹象表明Google旗下的Chromebooks近期要有大动作了。根据Google团队成员透露,公司计划在ChromeOS的资源管理器中新增“Recents”(最近使用)文件,以便于用户更快找到所需要的文件。种种迹象表明Google旗下的Chromebooks近期要有大动作了。根据Google团队成员......
  • 正则可视化在线工具-更直观地理解和调试正则表达式的利器
    在工作和学习中,正则表达式是一种强大的工具,用于处理和分析文本数据。它可以帮助我们在海量数据中快速搜索、匹配和提取所需的信息。然而,正则表达式的语法复杂,很多人在编写和调试时可能会遇到困难。为了解决这个问题,我决定自己编写一个正则工具。这个工具旨在提供一个直观且用户友......
  • IDEA插件分享,支持接口调试!
    平时我们在写完接口需要填入postman、Apipost等工具进行接口调试,今天给大家推荐一款IDEA插件Apipost-helper,写完代码直接可以进行调试,而且支持生成接口文档,JAVA工程师必用!可以点击下方链接或在插件商店中搜索安装如下图:https://plugins.jetbrains.com/plugin/22676-apipost-helper-......
  • 接口写完直接调试,JAVA工程师必用!
    平时我们在写完接口需要填入postman、Apipost等工具进行接口调试,今天给大家推荐一款IDEA插件Apipost-helper,写完代码直接可以进行调试,而且支持生成接口文档,JAVA工程师必用!可以点击下方链接或在插件商店中搜索安装如下图:https://plugins.jetbrains.com/plugin/22676-apipost-helper-......