javascript - javascript中的切换条件很奇怪

Question

我发现下面这两个是等价的，但是奇怪的是，单个 = 不是关系运算符而是赋值运算符，为什么它在第二个中有效？

首先:

switch (true) 
  {
    case color == 'green':case color == 'red':case color == 'blue':case color == 'pink':
      alert('colorful')
      break;
    case color == 'black':case color == 'white':
      alert('classical')
      break;
    default:
      alert('dull')
      break;              
  }

第二个:

switch (color) 
  {
    case color = 'green':case color = 'red':case color = 'blue':case color = 'pink':
      alert('colorful')
      break;
    case color = 'black':case color = 'white':
      alert('classical')
      break;
    default:
      alert('dull')
      break;              
  }

Answer 1

在第一个 switch 语句中，您检查 boolean 值。因此有效结果将是 true 或 false。

对于第二个 switch 语句，我们正在搜索一种颜色。赋值的结果就是它自己的赋值。

color = 'green' 将返回 green 并且与编写 case 'green': 完全一样，除了它还会更改颜色的值。BUT 这是一个很大的问题，但是，您正在更改 color 的值，同时检查 color 是什么，这可能会导致很大的副作用。

您最好为 case 'green': 使用正确的正式样式，而不是其他变体。尤其是 assignment 变体。