this 是函数运行时的上下文对象，不由定义位置决定，而由调用方式决定。通俗说：谁调用函数，this 就指向谁（箭头函数除外）。

1. this 的指向

函数执行时会在内部创建两个特殊变量：

• arguments：实参的类数组对象
• this：当前执行上下文中的 this 绑定

function test() {
  console.log(this);
}

const objA = {
  a: test,
  b: {
    c: test,
  },
};

test();       // window（浏览器）/ global（Node）
objA.a();     // objA
objA.b.c();   // objA.b（只看直接调用者，不看外层对象）

hooks的使用

为什么要用Hook?

1.在组件之间复用状态逻辑很难

• Hook 使你在无需修改组件结构的情况下复用状态逻辑。

2.复杂组件变得难以理解

• Hook 将组件中相互关联的部分拆分成更小的函数（比如设置订阅或请求数据），而并非强制按照生命周期划分。你还可以使用 reducer 来管理组件的内部状态，使其更加可预测。