this 是 JavaScript 中动态绑定的执行上下文对象,其值取决于函数调用方式而非定义方式;默认绑定指向全局对象或 undefined,隐式绑定指向调用它的对象,显式绑定通过 call/apply/bind 指定,new 绑定指向新实例,箭头函数则词法继承外层 this。

this 是 JavaScript 中一个容易混淆但非常关键的概念。它不是指向函数本身,也不是固定指向某个对象,而是**在函数被调用时才确定的、动态绑定的执行上下文对象**。它的值完全取决于函数「怎么被调用」,而不是「怎么被定义」。
当函数以普通方式调用(即不带任何对象前缀),非严格模式下 this 指向全局对象(浏览器中是 window);严格模式下为 undefined。
function foo() { console.log(this); }foo(); 输出 window(非严格)或 undefined(严格)当函数作为对象的方法被调用(即有「点号调用」),this 指向该直接调用它的对象。
const obj = { name: 'Alice', say() { console.log(this.name); } };obj.say(); 输出 'Alice'
const fn = obj.say; fn(); → this 不再是 obj
这三个方法允许你手动传入一个对象作为函数运行时的 this 值。
立即学习“Java免费学习笔记(深入)”;
foo.call(obj, arg1, arg2) —— 立即执行,this 绑定到 obj
foo.apply(obj, [arg1, arg2]) —— 同上,参数以数组传入const bound = foo.bind(obj); bound(); —— 返回新函数,this 永久绑定到 obj
使用 new 调用函数时,JavaScript 会自动创建一个新对象,并将 this 绑定到这个新实例上。
function Person(name) { this.name = name; }const p = new Person('Bob'); 中,this 就是新生成的 p
另外补充一点:箭头函数没有自己的 this,它会沿作用域链向上查找外层函数的 this 值,也就是「词法绑定」——这使它不会受上述四种规则影响,也常用来解决回调中 this 丢失问题。
基本上就这些。理解 this 的核心就是记住:它不是写死的,而是在调用那一瞬间,由调用方式决定的。
以上就是JavaScript中的this关键字是什么_它的绑定规则如何变化呢的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号