柯里化在JavaScript中用于动态主题切换的核心是预置主题配置与作用目标，生成可复用的样式应用函数，而非直接管理主题切换逻辑；它通过固化变化少的参数（如主题数据、目标元素），简化调用侧逻辑，提升可测试性与组合性。
JavaScript 中用柯里化实现动态主题样式切换，核心不是让柯里化“直接管换主题”，而是利用柯里化预置配置（比如主题名、CSS 变量前缀、目标元素），把“生成主题应用函数”这个过程变得更灵活、可复用、易组合。
柯里化帮你提前锁定主题上下文
主题切换本质是：根据主题名，批量设置一组 CSS 自定义属性（--color-bg、--color-text 等）到 :root 或某个容器。手动每次写 document.documentElement.style.setProperty(...) 很重复。用柯里化可以把「主题数据」和「作用目标」先固化，生成一个即用的切换函数：
const createThemeApplier = (themeData) => (target = document.documentElement) => {
Object.entries(themeData).forEach(([key, value]) => {
target.style.setProperty(key, value);
});
};
// 预设主题
const lightTheme = {
'--color-bg': '#ffffff',
'--color-text': '#333333',
'--color-primary': '#007bff'
};
const darkTheme = {
'--color-bg': '#1a1a1a',
'--color-text': '#f0f0f0',
'--color-primary': '#0056b3'
};
// 柯里化生成专用函数
const applyLight = createThemeApplier(lightTheme);
const applyDark = createThemeApplier(darkTheme);
// 使用时干净利落
applyLight(); // 切换亮色主题
applyDark(); // 切换暗色主题
支持运行时动态主题名 + 配置中心
实际项目中主题可能来自 API 或用户选择。你可以把「主题名 → 主题数据」映射也纳入柯里化链，形成更通用的工厂函数：
const themeConfig = {
light: lightTheme,
dark: darkTheme,
blue: { '--color-primary': '#0066cc', '--color-bg': '#f8fbff' }
};
// 两层柯里化：先定配置源，再定目标
const createThemedApplier = (config) => (themeName) => (target = document.documentElement) => {
const theme = config[themeName];
if (!theme) throw new Error(`Unknown theme: ${themeName}`);
Object.entries(theme).forEach(([k, v]) => target.style.setProperty(k, v));
};
const applyTheme = createThemedApplier(themeConfig);
applyTheme('dark')(); // 应用暗色主题
applyTheme('blue')($app); // 应用蓝色主题到 #app 元素
配合事件与状态管理更自然
柯里化函数天然适合绑定在 UI 交互上，无需内联匿名函数或反复传参：
立即学习“Java免费学习笔记（深入）”；
- 按钮点击直接传入主题名：
<button onclick="applyTheme('dark')()">切暗色</button> - 结合 React/Vue 的响应式逻辑，把
applyTheme(theme)当作回调传入，避免闭包捕获过期 state - 搭配 localStorage，封装成带持久化的柯里化函数：
const persistAndApply = (theme) => { localStorage.setItem('theme', theme); applyTheme(theme)(); }
注意：柯里化不是银弹，别硬套
单纯为了“用柯里化”而柯里化反而增加理解成本。真正有价值的是：
- 把**变化少的参数（主题配置、作用域）提前固化**，让调用侧只关注变化快的部分（如当前选中的主题名）
- 生成的函数可被缓存、复用、测试，比如
applyDark可以在单元测试中反复调用验证样式是否生效 - 和 CSS-in-JS、Design Token 等现代样式方案天然契合，主题数据本身就是纯对象，正适合柯里化消费
