在 JavaScript 中，this 是一个特殊的关键字，它在不同的上下文中有不同的值。理解 this 的工作原理是成为一名优秀的 JavaScript 开发者的关键。
默认绑定
当函数被独立调用时，this 的值默认绑定到全局对象（在浏览器中是 window 对象）。
-------- ---------- - ------------------ - ----------- -- --------- - --- -
隐式绑定
当函数作为对象的方法被调用时，this 的值会隐式绑定到该对象。
----- ------ - -
----- --------
------ ---------- -
------------------- -- ---- -- ---------------
-
--
--------------- -- --------- -- ---- -- -----显示绑定
可以使用 call、apply 或 bind 方法来显式地绑定 this 的值。
-------- --------- - --------------- ---- -- --------------- - ----- ------- - - ----- ----- -- ----- ------- - - ----- --------- -- ---------------------- -- ----- ---- -- --- ----------------------- -- ----- ---- -- ------- ----- ---------- - ---------------------- ------------- -- ----- ---- -- ---
new 绑定
当使用 new 关键字调用构造函数时，this 的值会被绑定到新创建的对象。
-------- ------------ - --------- - ----- - ----- ----- - --- ---------------- ------------------------ -- --------
箭头函数绑定
箭头函数不会创建自己的 this 上下文，它会捕获最近的父级作用域的 this 值。
----- --- - -
----- --------
------ -- -- -
------------------- -- ---- -- ---------------
-
--
------------ -- --------- -- ---- -- ---------理解 this 的绑定规则对于开发复杂的 JavaScript 应用程序至关重要。通过熟练掌握 this 的工作方式，您可以更好地设计和编写更具可维护性和可扩展性的代码。