Javascript 在初始加载JS时设置默认主题

如果localStorage（针对新访问者）中以前没有设置主题，我会尝试将我网站的主题设置为“深紫色主题”。然而，我现在的代码不起作用，我也不知道为什么

有相应的按钮和onclick函数来设置每个主题，但我没有在这里包括它，因为按钮工作正常，我不想在这里添加已经工作的代码

<script>
  // function to set a given theme/color-scheme
  function setTheme(themeName) {
    localStorage.setItem('theme', themeName);
    document.documentElement.className = themeName;
  }

  // Immediately invoked function to set the default theme as 'theme-dark-purple' if there's no set theme
  (function () {
    if (localStorage.getItem('theme') != 'theme-dark-purple', 'theme-light-purple', 'theme-dark-blue', 'theme-light-blue') {
      setTheme('theme-dark-purple');
    }
  })();
</script>

//函数设置给定的主题/颜色方案
函数集主题（主题名）{
setItem（'theme'，themeName）；
document.documentElement.className=名称；
}
//如果没有设置主题，则立即调用函数将默认主题设置为“主题深紫色”
（功能（）{
if（localStorage.getItem（'theme'）！=“theme深紫色”、“theme浅紫色”、“theme深蓝色”、“theme浅蓝色”）{
setTheme（“theme-深紫色”）；
}
})();

实际上，您编写条件的方式是错误的。你可以试试这个

  (function () {
    const themes = ['theme-dark-purple', 'theme-light-purple', 'theme-dark-blue', 'theme-light-blue'];
    if (!themes.includes(localStorage.getItem('theme'))) {
      setTheme('theme-dark-purple');
    }
  })();