JavaScript 中的 `this` 关键字:绑定规则与多变性详解

JavaScript 的 “this”:一场与“上下文”的捉迷藏 JavaScript 的 this,绝对是让无数开发者又爱又恨的家伙。它就像一个调皮的小精灵,一会儿指东,一会儿指西,让人摸不着头脑。初学者常常被它搞得晕头转向,资深开发者也偶尔会在复杂的场景中栽跟头。 但别害怕!this 其实并没有那么可怕。它只是 JavaScript 为了处理不同执行上下文而设计的一个机制。只要我们掌握了 this 的绑定规则,就能驯服这个小精灵,让它乖乖地为我们服务。 想象一下,this 就像一个演员,在不同的舞台上扮演不同的角色。它的角色取决于它所处的“上下文”,也就是它执行时的环境。 那么,this 到底是怎么确定自己的角色的呢?让我们一起揭开 this 的绑定规则的面纱。 1. 默认绑定:老实本分,指向全局对象 这是 this 最基础、最老实的一种绑定方式。当 this 在非严格模式下,并且没有被其他规则覆盖时,它会默认指向全局对象。在浏览器中,这个全局对象通常是 window;在 Node.js 中,它是 global。 function sayHello() { console.log( …