柯里化不直接注入组件默认属性，但可通过高阶组件或工厂函数预设默认props：先固化defaults，再接收component和props，最终合并渲染；支持动态默认值与hooks结合，适用于可复用组件库。
在 JavaScript 中，柯里化本身不直接用于“组件属性默认值注入”，但它可以作为函数式编程工具，配合高阶组件（HOC）或工厂函数，实现可复用、可预设默认 props 的组件封装逻辑。核心思路是：用柯里化提前固化部分参数（即默认 props），返回一个接收剩余 props 和子组件的函数，最终生成定制化组件。
用柯里化创建带默认 props 的组件工厂
把组件当作函数处理（如 React 中的函数组件），用柯里化构造一个“默认配置 + 组件”的工厂函数：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
const withDefaults = (defaults) => (Component) => (props) => {
const mergedProps = { ...defaults, ...props };
return <component></component>;
};
// 柯里化调用：先传默认值，再传组件，最后传运行时 props
const ButtonWithDefaults = withDefaults({ size: 'md', variant: 'primary' })(Button);
// 使用时可覆盖部分默认值
<buttonwithdefaults onclick="{handleClick}" size="lg"></buttonwithdefaults> // size 被覆盖为 'lg'，variant 仍为 'primary'
支持动态默认值（闭包 + 柯里化）
若默认值需依赖上下文（如 theme、locale），可在柯里化第一层捕获环境，第二层接收组件：
- 第一层：接收配置函数（如 getDefaults），返回闭包
- 第二层：接收组件，返回包装后的组件函数
- 第三层：实际渲染时合并运行时 props
const withDynamicDefaults = (getDefaults) => (Component) => (props) => {
const defaults = typeof getDefaults === 'function' ? getDefaults() : getDefaults;
return <component ...defaults ...props></component>;
};
// 示例：根据当前主题设置默认颜色
const ThemedButton = withDynamicDefaults(() => ({
color: document.body.dataset.theme === 'dark' ? 'white' : 'gray-800'
}))(Button);
与 React Hooks 结合（避免 HOC 嵌套）
更现代的做法是封装自定义 Hook，内部用柯里化思想组织默认逻辑，让组件保持简洁：
- 定义 useDefaultProps Hook，接收默认配置和当前 props
- 内部自动合并，返回归一化后的 props
- 组件内直接调用，无额外 wrapper 层级
function useDefaultProps(defaults, props) {
return { ...defaults, ...props };
}
function Button({ size, variant, children, ...rest }) {
const resolvedProps = useDefaultProps(
{ size: 'md', variant: 'primary' },
{ size, variant, ...rest }
);
return <button classname="{`btn-${resolvedProps.size}" btn->
{children}
</button>;
}
注意事项与边界
- 柯里化适合静态默认值预设，但不要过度嵌套（如四层以上 curry），可读性会下降
- React 中优先考虑 解构默认值（
function Button({ size = 'md', variant = 'primary' } = {})）或 defaultProps（类组件） - 真正需要柯里化的场景是：构建跨项目可复用的配置化组件库，例如
createModal({ theme: 'modern' })(MyDialog) - 注意浅合并 —— 默认对象里的嵌套属性（如
style: { color: 'red' }）会被整个替换，不是深度合并
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
