前端 - 请问在设计hooks的时候，依赖的一个库使用参数传入好还是hooks里面引入比较好？

Question

有一个代码设计的疑问：

比如在：
App.tsx中：需要一个hooks如下。

在hooks/useToWindowsStatus.ts里面定义传入windowManager（到时候App.tsx传入）比较好

useToWindowsStatus = (windowManager, data) => {
  ...
}

还是说hooks/useToWindowsStatus.ts：直接引入比较好呢？

import windowManager from '@main/windowmanager' 

useToWindowsStatus = (data) => {
  ...
}

Answer 1

如果你的项目需要高灵活性和可测试性，建议使用第一种方法传入 windowManager 作为参数。如果你更注重代码的简洁性和一致性，可以选择第二种方法直接引入 windowManager。

1.传入 windowManager 作为参数：

优点：

• 灵活性：可以在不同的地方传入不同的 windowManager 实例，方便测试和复用。
  解耦：useToWindowsStatus 不依赖于具体的 windowManager 实现，增强了模块的独立性。

缺点：

• 需要在每次调用时传入 windowManager，可能会增加调用的复杂性。

2.直接引入 windowManager：

优点：

• 简洁：不需要在每次调用时传入 windowManager，代码更简洁。
• 一致性：确保所有地方使用的是同一个 windowManager 实例。

缺点：

• 耦合性：useToWindowsStatus 依赖于具体的 windowManager 实现，降低了模块的独立性和可测试性。
• 不灵活：如果需要更换 windowManager 实现，修改会比较麻烦。

Answer 2

这不是看你的业务需求嘛
灵活性、复用性、解耦合这些需求度高那就将依赖作为参数传入自定义 Hook
简单点么就直接在自定义 Hook 内部直接引入依赖
你上述的windowManager 是固定的全局依赖，直接引入方式
多个实现方式的话就参数传入嘛

Answer 3

可以用默认参数

import windowManager from '@main/windowmanager'

const useToWindowsStatus = (data, wm = windowManager) => {
  ...
}