首页 > web前端 > js教程 > 正文

为什么异步回调中的 `this` 指向全局对象 `window` 而不是预期对象?

DDD
发布: 2024-11-10 08:45:37
原创
818人浏览过

为什么异步回调中的 `this` 指向全局对象 `window` 而不是预期对象?

this作用域疑窦

在一段代码中,我们看到如下情况:

var obj = {
    x: 100,
    y: function () {
        setTimeout(function () { alert(this.x); }, 2000);
    }
};

obj.y();
登录后复制

令人费解的是,调用obj.y()后,弹出的却是undefined,而不是预期的100。原因何在?

分析显示,问题出在匿名函数this的指向。在非严格模式下,匿名函数的this是全局对象window。因此,当匿名函数执行时,this指向window,而不是我们期望的obj。这导致了this.x取值为window.x,而window.x是undefined。

ImgCleaner
ImgCleaner

一键去除图片内的任意文字,人物和对象

ImgCleaner 220
查看详情 ImgCleaner

为了解决这个问题,可以采用以下方法:

  • 使用箭头函数(es6):箭头函数始终会绑定到其外围作用域,因此this指向正确。
  • 绑定this:通过bind方法或箭头函数,将this绑定到期望的对象。
  • 使用严格模式:严格模式下,在匿名函数中this为undefined,避免了与window的混淆。

通过上述方法,我们可以确保在异步回调中,this始终指向正确的对象。

以上就是为什么异步回调中的 `this` 指向全局对象 `window` 而不是预期对象?的详细内容,更多请关注php中文网其它相关文章!

Windows激活工具
Windows激活工具

Windows激活工具是正版认证的激活工具,永久激活,一键解决windows许可证即将过期。可激活win7系统、win8.1系统、win10系统、win11系统。下载后先看完视频激活教程,再进行操作,100%激活成功。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号