迹忆客 专注技术分享

JavaScript 中的冒号 (:) 可以在多种情况下使用。我们将描述三元运算符中的冒号约定、JavaScript 对象文字结构、switch-case 语句和 go-to 语句或设置标签。

JavaScript 三元运算中的冒号

JavaScript 中的条件操作也可以在内联结构中实现，而 if-else 语句的这种规范看起来更加简洁明了。

首先，应用将执行语句的条件，如果该条件失败，则将执行下一条语句。这里语句之间的剖析符号是冒号。

var p = 42;
var q = 7;

console.log(p > q ? 'It\'s ' + p : 'Oops it\'s ' + q);

输出：

JavaScript 中用于对象文字结构的冒号

在 JavaScript 中的对象字面量结构的情况下，键值对用冒号设置。冒号左边是 keys，冒号右边是 value。

var object = {hair: 'long', color: 'black', age: 42}

             console.log(object.color + object.age);

输出：

在 Switch-Case 语句中使用冒号

switch-case 语句有多种情况可以得出合适的解决方案。

在初始化案例时，我们用冒号将它们与代码块分开。甚至 switch-case 中的默认语句也用冒号指示。

var day;
switch (new Date().getDay()) {
  case 6:
    day = 'It\'s Saturday';
    break;
  case 0:
    day = 'It\'s Sunday';
    break;
  default:
    day = 'Oh it\'s not holiday.'
}

console.log(day);

输出：

在 JavaScript 中使用冒号设置标签

在大多数情况下，这种编码实践并不是很受欢迎，但可以帮助解决许多问题。在标记某个代码块之后，我们在标签之后使用冒号。

var x = 5;
var y = 42;
var z = 0;
sum: while (x < y) {
  z = x++;
  if (x >= y) {
    break sum;
  }
}

console.log(z);

输出：