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

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

狼影
发布: 2025-12-22 18:09:11
原创
752人浏览过
this的值由函数调用方式决定:普通调用指向全局对象(非严格模式下为window/globalThis);作为对象方法调用时指向该对象;new调用时指向新实例;箭头函数无this,继承外层普通函数的this;call/apply/bind可显式绑定this且bind不可被覆盖。

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

this 的值不是定义时决定的,而是调用时决定的。它指向函数执行时的“当前对象”,具体是谁,得看函数怎么被调用。

普通函数直接调用(非严格模式)

在全局作用域下直接调用函数,this 指向 window浏览器环境)或 globalThis(Node.js)。这是最容易混淆的场景之一。

  • 例如:function foo() { console.log(this); } foo(); → 输出 window
  • 注意:箭头函数没有自己的 this,它会沿作用域链向上找外层普通函数的 this

作为对象方法调用

当函数作为对象的属性被调用(即通过点号或方括号访问后加括号),this 指向该对象。

  • 例如:const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); → 输出 Alice
  • 但若把方法单独提取出来:const fn = obj.say; fn(); → 此时 this 不再是 obj,而退回到全局对象(非严格模式)或 undefined(严格模式)

构造函数与 class 中的 this

new 调用函数时,this 指向新创建的实例;在 class 方法中,this 默认也指向当前实例(前提是没被错误地脱离上下文)。

VALL-E
VALL-E

VALL-E是一种用于文本到语音生成 (TTS) 的语言建模方法

VALL-E 142
查看详情 VALL-E

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

  • 例如:class Person { constructor(name) { this.name = name; } greet() { return `Hi, I'm ${this.name}`; } } const p = new Person('Bob'); p.greet();thisp
  • 注意:class 内部的箭头方法或事件回调中,如果没显式绑定,this 可能丢失,需用 bind、箭头函数或 class 字段语法(handleClick = () => { ... })来保持

显式绑定与 call/apply/bind

可以用 callapplybind 强制指定 this 值。

  • fn.call(obj, arg1, arg2) 立即执行,thisobj
  • fn.bind(obj) 返回一个新函数,之后无论怎么调用,this 都固定为 obj
  • ES6 的 bind 不能被再次覆盖,即使再用 call 也无法改变已绑定的 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号