JavaScript中的this关键字是什么_它的绑定规则如何变化呢

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

JavaScript中的this关键字是什么_它的绑定规则如何变化呢-第1张图片-佛山资讯网

this 是 JavaScript 中一个容易混淆但非常关键的概念。它不是指向函数本身,也不是固定指向某个对象,而是**在函数被调用时才确定的、动态绑定的执行上下文对象**。它的值完全取决于函数「怎么被调用」,而不是「怎么被定义」。

默认绑定:独立调用时的 this

当函数以普通方式调用(即不带任何对象前缀),非严格模式下 this 指向全局对象(浏览器中是 window);严格模式下为 undefined

  • function foo() { console.log(this); }
    foo(); 输出 window(非严格)或 undefined(严格)

隐式绑定:通过对象调用时的 this

当函数作为对象的方法被调用(即有「点号调用」),this 指向该直接调用它的对象。

  • const obj = { name: 'Alice', say() { console.log(this.name); } };
    obj.say(); 输出 'Alice'
  • ⚠️ 注意:隐式绑定会丢失——把方法赋给变量再调用,就退化为默认绑定:
    const fn = obj.say; fn();this 不再是 obj

显式绑定:call、apply、bind 强制指定 this

这三个方法允许你手动传入一个对象作为函数运行时的 this 值。

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

标签: javascript java 浏览器 app win 作用域

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~