JavaScript if

摘要：在本教程中，您将学习如何使用 JavaScript if 语句在条件为 true 时执行代码块。

JavaScript if 语句简介

if 语句在条件为 true 时执行代码块。以下是 if 语句的语法：

if( condition )
   statement;Code language: JavaScript (javascript)

condition 可以是值或表达式。通常，条件会被评估为一个 布尔值，可以是 true 或 false。

如果 condition 评估为 true，则 if 语句将执行 statement。否则，if 语句将把控制权传递给它后面的下一条语句。

以下流程图说明了 if 语句的工作原理

如果 condition 评估为非布尔值，JavaScript 会通过调用 Boolean() 函数将其结果隐式转换为布尔值。

如果您要执行多条语句，则需要使用一对花括号将它们包裹在代码块中，如下所示：

if (condition) {
  // statements to execute
}Code language: JavaScript (javascript)

但是，始终在 if 语句中使用花括号是一个好习惯。这样做可以使您的代码更易于维护，并避免潜在的错误。

JavaScript if 语句示例

以下示例使用 if 语句来检查年龄是否等于或大于 18

let age = 18;
if (age >= 18) {
  console.log('You can sign up');
}Code language: JavaScript (javascript)

输出

You can sign upCode language: JavaScript (javascript)

它是如何工作的。

首先，声明并初始化 变量 age 为 18： 

let age = 18;Code language: JavaScript (javascript)

其次，使用 if 语句检查年龄是否大于或等于 18。因为表达式 age >= 18 为 true，所以 if 语句内部的代码会执行，并输出一条消息到控制台

if (age >= 18) {
  console.log('You can sign up');
}Code language: JavaScript (javascript)

以下示例也使用 if 语句。但是，age 为 16，导致条件被评估为 false。因此，您在输出中将不会看到任何消息

let age = 16;
if (age >= 18) {
  console.log('You can sign up');
}Code language: JavaScript (javascript)

嵌套 if 语句

可以在另一个 if 语句中使用 if 语句。例如

let age = 16;
let state = 'CA';

if (state == 'CA') {
  if (age >= 16) {
    console.log('You can drive.');
  }
}Code language: JavaScript (javascript)

输出

You can drive.Code language: JavaScript (javascript)

它是如何工作的。

首先，声明并初始化 age 和 state 变量

let age = 16;
let state = 'CA';Code language: JavaScript (javascript)

其次，使用 if 语句检查 state 是否为 'CA'。如果是，则使用嵌套的 if 语句检查 age 是否大于 16，并输出一条消息到控制台

if (state == 'CA') {
  if (age == 16) {
    console.log('You can drive.');
  }
}Code language: JavaScript (javascript)

在实践中，您应该尽可能避免使用嵌套 if 语句。例如，您可以使用 && 运算符组合条件，并使用 if 语句，如下所示

let age = 16;
let state = 'CA';

if (state == 'CA' && age == 16) {
  console.log('You can drive.');
}Code language: JavaScript (javascript)

摘要

• 使用 JavaScript if 语句，如果条件为 true，则执行语句。
• 尽可能避免使用嵌套 if 语句。