带主题的条件插值

// 定义主题和条件
const themes = {
  light: {
    backgroundColor: 'white',
    textColor: 'black'
  },
  dark: {
    backgroundColor: 'black',
    textColor: 'white'
  }
};

// 插值函数
function interpolateTheme(themeKey, data) {
  const theme = themes[themeKey] || themes.light;
  return {
    ...data,
    backgroundColor: theme.backgroundColor,
    textColor: theme.textColor
  };
}

// 使用示例
const baseData = { content: 'Hello, World!' };
const themedData = interpolateTheme('dark', baseData);

console.log(themedData);
// 输出: { content: 'Hello, World!', backgroundColor: 'black', textColor: 'white' }

function interpolateTheme(themeKey, data) {
  const theme = themes[themeKey] || themes.light;
  return {
    ...data,
    backgroundColor: theme.backgroundColor,
    textColor: theme.textColor
  };
}

function interpolateTheme(themeKey, data) {
  const theme = themes[themeKey] || themes.light;
  if (data.isHighlight) {
    return {
      ...data,
      backgroundColor: 'yellow',
      textColor: 'black'
    };
  }
  return {
    ...data,
    backgroundColor: theme.backgroundColor,
    textColor: theme.textColor
  };
}