首页理论教育if语句执行流程：条件判断和执行流程详解

if语句执行流程：条件判断和执行流程详解

2025-09-30 理论教育版权反馈

【摘要】：图6.2.1if语句执行流程6.2.1.html根据两个变量的大小关系，使用if条件语句输出对应提示，如下所示。图6.2.2if语句if语句中的表达式布尔值为true，执行语句console.log;，执行完成之后继续执行console.log; 。◇ 表达式expression布尔值为false时，执行语句secondStatement。◇ 支持加入多个else if条件语句。if语句的其他限制：◇ if语句是必选项，else if和else语句是可选项。

1.if语句

if语句是最基本的分支语句，语法格式如下：

pagenumber_ebook=134,pagenumber_book=119

语法格式说明：

◇ expression指条件表达式语句。

◇ statement指单条表达式语句。

◇ statements指复合语句。

if语句执行流程如下图所示。

pagenumber_ebook=135,pagenumber_book=120

图6.2.1　if语句执行流程

6.2.1.html根据两个变量的大小关系，使用if条件语句输出对应提示，如下所示。

动手写6.2.1

pagenumber_ebook=135,pagenumber_book=120

执行6.2.1.html，输出结果到网页，如下图所示。

pagenumber_ebook=135,pagenumber_book=120

图6.2.2　if语句

if语句中的表达式布尔值为true，执行语句console.log('b 大于 a');，执行完成之后继续执行console.log(a, b); 。

2.if…else语句

在最基本的if语句基础上扩展else从句，当条件表达式的布尔值为false时执行else从句对应的语句，语法格式如下：

pagenumber_ebook=135,pagenumber_book=120

pagenumber_ebook=136,pagenumber_book=121

语法格式说明：

◇ 表达式expression布尔值为true时，执行语句firstStatement(s)。

◇ 表达式expression布尔值为false时，执行语句secondStatement(s)。

if…else语句执行流程如下图所示。

pagenumber_ebook=136,pagenumber_book=121

图6.2.3　if…else语句执行流程

6.2.2.html根据表达式真值，使用if…else语句输出不同提示，如下所示。

动手写6.2.2

pagenumber_ebook=136,pagenumber_book=121

执行6.2.2.html，输出结果到网页，如下图所示。(https://www.chuimin.cn)

pagenumber_ebook=137,pagenumber_book=122

图6.2.4　if…else语句

if语句中的表达式布尔值为true，执行语句 console.log('现代浏览器');，否则执行语句 console.log('推荐试用 Chrome 浏览器');，执行完成之后继续执行 console.log('继续执行其他语句');。

3.if…else if…else语句

if…else语句是典型的二路条件分支语句，引入else if以支持更多分支结构。if…else if…else语法格式如下：

pagenumber_ebook=137,pagenumber_book=122

语法格式说明：

◇ 先判断firstExpression，若表达式为true，执行firstStatement(s)。

◇ 再判断secondExpression，若表达式为true，执行secondStatement(s)。

◇ 全部条件表达式都为false，执行thirdStatement(s)。

◇ 支持加入多个else if条件语句。

if…else if…else语句执行流程如下图所示。

pagenumber_ebook=138,pagenumber_book=123

图6.2.5　if…else if…else语句执行流程

提示

在某些编程语言中，elseif是关键字，但是需要注意JavaScript的else if中间有空格，没有关键字elseif，因此声明语句“var else if = 1”符合语法规则。

6.2.3.html使用if…else if…else实现根据多种条件执行不同语句，如下所示。

动手写6.2.3

pagenumber_ebook=138,pagenumber_book=123

pagenumber_ebook=139,pagenumber_book=124

执行6.2.3.html，输出结果到网页，如下图所示。

pagenumber_ebook=139,pagenumber_book=124

图6.2.6　if…else if…else语句

上述代码执行步骤如下：

◇ 依次判断表达式 isChrome 、 isFirefox、 isEdge的布尔值是否为true，如果为true，则执行紧跟该表达式之后的复合语句，其他表达式对应的复合语句不执行。

◇ 一旦遇到布尔值为true的表达式，则停止判断。

◇ 如果所有表达式的布尔值都为false，则执行else对应的复合语句。

◇ 最后执行其他语句console.log('继续执行其他语句');。

if语句的其他限制：

◇ if语句是必选项，else if和else语句是可选项。

◇ if条件语句之后的复合语句如果是一条语句，就可以省略花括号。