this指向取决于函数调用方式:直接调用时非严格模式为全局对象、严格模式为undefined;对象方法调用时指向点号前的对象;call/apply/bind可显式绑定;箭头函数无this,继承外层普通函数的this。
this 指向谁,不看函数怎么定义,而看它**怎么被调用**。它的值在函数执行时才确定,和定义位置无关,也和是否严格模式有关——但核心规律就一条:找调用时的“前一个点”(即紧挨着函数名左边的对象)。
比如 foo() 这样单独调用,this 指向全局对象。浏览器里是 window,Node.js 里是 global;开启严格模式后,this 是 undefined。
this === window
this === undefined
像 obj.method() 这样通过点号调用,this 就指向点号前面的那个对象,也就是 obj。
a.b.c.fn(),this 是 c,不是 a 或 b
这三个方法能强行指定 this 的值:
fn.call(obj, a, b) → this 是 obj
fn.apply(obj, [a, b]) → 同上,只是传参形式不同fn.bind(obj) → 返回一个新函数,之后无论怎么调,this 都固定为 obj(bind 绑定优先级高于 call/apply)箭头函数不绑定 this,它会沿作用域链向上找外层第一个普通函数的 this 值,并且这个值不会被任何调用方式改变。
call/apply/bind 修改它的 this
法中写箭头函数,this 通常就是定义时外层函数的 this,未必等于当前对象基本上就这些。记牢“调用时看左边”这个口诀,再结合四种主要场景,就能稳住 this 的判断。不复杂但容易忽略细节。