JavaScript代码报错：';' expected 问题排查求助

你的代码如下：

function toggle() {
     document.body.style.background-image = `
     linear-gradient(
      60deg,
      hsl(0deg 0% 0%) 0%,
      hsl(137deg 0% 1%) 0%,
      hsl(137deg 0% 2%) 0%,
      hsl(137deg 0% 4%) 2%,
      hsl(137deg 0% 5%) 5%,
      hsl(137deg 0% 5%) 10%,
      hsl(137deg 0% 6%) 19%,
      hsl(137deg 0% 6%) 42%,
      hsl(261deg 17% 14%) 88%,
      hsl(259deg 25% 27%) 97%,
      hsl(258deg 28% 40%) 100%,
      hsl(258deg 36% 54%) 100%
    );`;
  }

报错原因：

• JavaScript操作DOM样式属性必须用驼峰命名法，不能用CSS的连字符写法。你写的background-image会被JS解析成background - image（减法运算），直接触发语法错误，出现";' expected"提示，改成backgroundImage即可。
• 模板字符串里的linear-gradient末尾多了一个分号，虽不是语法错误，但属于冗余内容，建议去掉。

修正后的代码：

function toggle() {
     document.body.style.backgroundImage = `
     linear-gradient(
      60deg,
      hsl(0deg 0% 0%) 0%,
      hsl(137deg 0% 1%) 0%,
      hsl(137deg 0% 2%) 0%,
      hsl(137deg 0% 4%) 2%,
      hsl(137deg 0% 5%) 5%,
      hsl(137deg 0% 5%) 10%,
      hsl(137deg 0% 6%) 19%,
      hsl(137deg 0% 6%) 42%,
      hsl(261deg 17% 14%) 88%,
      hsl(259deg 25% 27%) 97%,
      hsl(258deg 28% 40%) 100%,
      hsl(258deg 36% 54%) 100%
    )`;
  }

内容的提问来源于stack exchange，提问作者Sam