这些技巧虽然曾经流行，却逐渐被现代工具所取代。

前端开发常见两大范式：  

FP 的核心是把业务拆解成一个又一个纯粹的函数，然后把它们组合起来完成任务。想象你有一个输入 A，总Neng得到输出 B，而不依赖任何外部状态。

function map=>R):R {
    const res:R=;
    for res.push);
    return res;
}

这段代码说明了 FP 的“声明式”特性——只关心输入和输出，而不是过程细节。相比之下命令式geng像烹饪步骤：“先翻面再撒盐”。两者各有千秋，在 UI 状态管理时 FP geng易于预测，而在性Neng敏感场景下 Imperative geng直接。

命令式强调“先Zuo什么”，就像Zuo菜那样先热锅，再倒油，然后炒蔬菜。这种方式非常直观，但Ru果需要重构就会陷入链条深度过长的问题。

// 简单顺序示例
step1;
step2;
step3;
...
stepN;

这正是我们在复杂业务逻辑中遇到的瓶颈——修改一步往往意味着连锁反应，需要检查所有相关步骤。

泛型Ke以被视为“占位符”，真正类型在调用时才被填充。它既Neng保持代码复用，又不会牺牲类型安全。

// 两个独立实现
function getNumber:number { return item;}
function getString:string { return item;}
// 泛型重构
function identity:T { return x;}
const num = identity;   // number
const str = identity; // string
console.log); // 正常工作
// console.log); // ❌ 编译报错

Ru果直接使用 any 类型，例如：

function getAnything:any { return item;}
const bad = getAnything;
bad.toFixed; // 在运行时抛错，但编译阶段毫无警告

'any' kan似万Neng，却像打开了一扇不受限制的大门。一旦错误落入运行时代码会崩溃，而我们早期本Ke以通过静态检查捕捉它们。

'nominal'：必须声明继承关系才Neng兼容，即使两个对象拥有相同属性也无法互换。

'structural'：只要形状一致即可兼容；这就是所谓鸭子类型。

'excess property checks': 当直接传递字面量对象时TS 会检查是否存在多余属性，以防拼写错误。

'variance': 当传递子类型给父接口时允许向上兼容。

'delayed binding': 泛型可视为占位符，真正绑定发生在实例化阶段。

'type inference': 编译器自动推断具体类型，大幅降低显式声明负担。

                              　
                                       　　⁠​​⁠​
                                        ⁠​⁠​​⁠​⁠​​⁠​
                                        ⁠​⁠​​⁠​⁠​​⁠​





✴️✴️✴️💫🚀✨🧩🖌️🎨📦💻🔧⚙️🧰🔍🤔🤓📚📖📝✅🙌🎉🚀🚀🚀🎊🎉💡🔥🌟🌈⚡⚙️🔥💯👏👍👋😄😉😊🆒👍😎🥳🤩🌐🏗️🚧🔒🔓🔑🔐🍕🍔🍟🍕🍜🍲☕☕🍺🏆🎁🏅🥇🥈🥉💼📊🗂️📚📖👨‍💻👩‍💻🌍🌎🌏🌐⏱️⌛⏰💭🗣️🗨️🤝🙋🙋‍♂️🙋‍♀️✔️✍️✒️✒︎✒︎✒︎➤➥➜➤➣➡↗↘↙↖⇑⇓⇑⇓↔↕↘↙⌬⊕⊗⊘⊚⊛⌈⌉⌊⌋⎯⎰⎱⎲⎳〘〙〚〛❝❞❟❢❡❁※‼??‼⁂⁂⁃⁄▁▂▃▄▅▆▇█▓▒░☆★•◦●○◎◇◇◆♢♧☐☑☒☺☻☺♪♫♬♭♮♯♪♫♪🐶🐱🐭🐹🐼🐸🐰🐻🐷🐸🐢🐍🦄👾🤖✨🎇🔥🚀✨⭐🌟✨⚡⚡⭕◯●○●○☆★☆★☆★★☆☆☆☆☆☆☆☆