前端 - 遇到风格不同的情况下应该怎么办比较好?

Question

最近接到一个项目,要在原来的项目基础上新增功能。这个项目原来是由一个后端 java 程序员弄的,项目的组件使用的是 class 风格,有的组件套了几层的 extends,这种风格之前没有写过,而且发现使用这种风格去写那么 tree-shaking 功能会失效,因为有一些 utils 方法都被写成 class 的形式。那么现在是应该继续延续这种风格去写,还是使用函数的风格去写?如果继续使用原来的风格去写,感觉很别扭。但是使用不同的风格去写,又感觉整个项目往屎山上发展

Answer 1

如果是 class-component 应该是晚期的 Vue@2.x 版本（或者早期的 Vue@next ？），应该没办法直接用函数式（composition-api ？）的风格来续写吧。

而且你说有一些 utils 方法都是以 class 形式开发的，改造量应该也挺大的。

所以原本的代码就不动了，除非有安排单独重构的计划。

新的业务代码就简单按照选项式的方式来开发。
或者就延续用 class-componetns 的方式来开发来保持一致性，等待下一个接盘侠或者重构计划。

---

如果你有重构意愿，Vue有提供了一个迁移工具，可能会有点点帮助。
�� getyourguide/vue-class-migrator: Vue 3 Migration helper for applications using Vue 2.7

Answer 2

在面临项目中风格不一致的情况时，处理策略需要综合考虑多个方面，包括项目的现状、未来的可维护性、团队习惯以及技术栈的兼容性。以下是一些建议：

1. 评估项目现状

• 理解原因：首先，了解为何项目最初选择了这种风格（class 风格），是否有特定的理由（如性能考虑、遗留代码兼容等）。
• 影响评估：评估继续使用当前风格对新功能开发的影响，以及是否会导致技术债务增加。

2. 权衡技术债务与一致性

• 技术债务：如果继续使用原风格会显著增加技术债务（如难以维护、性能问题等），则需要考虑改变。
• 一致性：项目内部的一致性是重要的，但不应以牺牲代码质量或可维护性为代价。

3. 团队沟通与决策

• 团队讨论：与团队成员讨论，了解大家的看法和偏好。
• 共同决策：基于讨论结果，共同决定是否改变风格。如果决定改变，应明确迁移计划和时间表。

4. 逐步迁移

• 增量式改变：如果决定改变风格，建议采用增量式改变的方法，逐步将旧代码迁移到新的风格上。
• 保持文档更新：在迁移过程中，保持文档更新，确保新加入的成员能够理解项目的历史和当前状态。

5. 考虑使用函数式编程风格

• 函数式编程的优势：函数式编程风格通常更容易实现模块化、测试和重用。
• 兼容性：评估函数式编程风格与当前项目其他部分的兼容性，确保不会引入新的问题。

6. 注意事项

• 避免重复发明轮子：如果项目中已经存在大量基于 class 的代码，且这些代码没有显著的性能问题或维护困难，考虑是否真的需要全部重写。
• 性能考量：在决定使用哪种风格时，考虑其对性能的影响。虽然现代 JavaScript 引擎对函数和类的优化都很好，但在某些极端情况下，类可能会提供更好的性能。

结论

面对风格不一致的情况，最重要的是基于项目现状、团队偏好和技术考量做出明智的决策。如果决定改变风格，应采用逐步迁移的方法，并确保整个团队都了解并接受这一变化。同时，不要忽视性能和维护性的考量。