JavaScript 中的冒号
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);
输出：
相关文章
Do you understand JavaScript closures?
发布时间：2025/02/21 浏览次数：108 分类：JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间：2025/02/21 浏览次数：178 分类：JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间：2025/02/21 浏览次数：150 分类：JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：102 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：180 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
