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

javascript中的this关键字指向什么_如何在不同场景下确定它的值

狼影
发布: 2025-12-19 20:16:57
原创
333人浏览过
this指向取决于函数调用方式:直接调用时非严格模式为全局对象、严格模式为undefined;对象方法调用时指向点号前的对象;call/apply/bind可显式绑定;箭头函数无this,继承外层普通函数的this。

javascript中的this关键字指向什么_如何在不同场景下确定它的值

this 指向谁,不看函数怎么定义,而看它**怎么被调用**。它的值在函数执行时才确定,和定义位置无关,也和是否严格模式有关——但核心规律就一条:找调用时的“前一个点”(即紧挨着函数名左边的对象)。

普通函数直接调用(无点、无绑定)

比如 foo() 这样单独调用,this 指向全局对象。浏览器里是 window,Node.js 里是 global;开启严格模式后,thisundefined

  • 非严格模式:this === window
  • 严格模式:this === undefined

对象方法调用(带点的调用)

obj.method() 这样通过点号调用,this 就指向点号前面的那个对象,也就是 obj

  • 即使方法是从原型链上找到的,this 仍是调用时的“主语”,不是定义时的对象
  • 嵌套调用如 a.b.c.fn()thisc,不是 ab

call / apply / bind 显式绑定

这三个方法能强行指定 this 的值:

稿定抠图
稿定抠图

AI自动消除图片背景

稿定抠图 80
查看详情 稿定抠图

立即学习Java免费学习笔记(深入)”;

  • fn.call(obj, a, b)thisobj
  • fn.apply(obj, [a, b]) → 同上,只是传参形式不同
  • fn.bind(obj) → 返回一个新函数,之后无论怎么调,this 都固定为 obj(bind 绑定优先级高于 call/apply)

箭头函数没有自己的 this

箭头函数不绑定 this,它会沿作用域链向上找外层第一个普通函数的 this 值,并且这个值不会被任何调用方式改变。

  • 不能用 call/apply/bind 修改它的 this
  • 在对象方法中写箭头函数,this 通常就是定义时外层函数的 this,未必等于当前对象

基本上就这些。记牢“调用时看左边”这个口诀,再结合四种主要场景,就能稳住 this 的判断。不复杂但容易忽略细节。

以上就是javascript中的this关键字指向什么_如何在不同场景下确定它的值的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

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

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