什么是开闭原则？

开闭原则，听起来很高大上。其实说人话就是八个字：

对 开放，对修改关闭。

• 对 开放 ：当有新需求来了你应该能通过“增加新代码”的方式来满足，而不是去改旧代码。
• 对修改关闭 ：那个已经写好、测试过、稳定运行的主要代码，你尽量别去动它。

想象一下你的电脑主机。你想加个显卡，是直接把主板焊开接线，还是找个 PCI-E 插槽插上去？显接下来者更靠谱，

在前端领域，OCP 最典型的使用场景就是组件设计和插件程序.

案例分析这方面。一个“违反 OCP”的糟糕组件

咱们就拿最常见的通用列表项组件来举例。 假设我们有一个 ListItem 组件，用来展示使用者信息。

原始需求

// ListItem.tsx
interface User {
id这方面，string;name: string;avatar: string;}
const ListItem = => {
return (

{user.name}

);}，

需求变更 ：加个 VIP 标志

// ListItem.tsx
interface User {
id这方面，string;说起来，name: string;avatar: string;isVip，: boolean;// 新增字段
}
const ListItem = => {
return (

{user.name}
{/* 修改点：硬编码逻辑 */}
{user.isVip && }

);}，

修改了 DateListItem...* Actually keep original text*