JS基础必读——流程控制分支结构（一）

最新推荐文章于 2024-09-14 18:52:56 发布

努力赚钱的打工人

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量143

点赞数

分类专栏： if else语句文章标签： javascript 前端 css css3 html

本文链接：https://blog.csdn.net/weixin_47638652/article/details/113932206

版权

本文详细介绍了JavaScript中的流程控制，重点讲解了分支结构，包括if语句、if...else语句和if...else if...语句的语法、执行流程及实际案例，帮助读者掌握如何根据条件执行不同代码路径，实现多样化的程序逻辑。

摘要由CSDN通过智能技术生成

视频链接：https://www.bilibili.com/video/BV1ux411d75J?p=55
点击观看视频

流程控制分支结构（一）

1.流程控制

在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。
简单理解：流程控制就是来控制我们的代码按照上面结构顺序来执行
流程控制主要有三种结构，分别是顺序结构\分支结构和循环结构，这三种结构代表三种代码执行的顺序。

在这里插入图片描述

2.顺序流程控制

顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。
在这里插入图片描述

在这里插入图片描述

3.分支流程控制if语句

3.1分支结构

由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果。
在这里插入图片描述
JS语言提供了两种分支结构语句

if语句
switch语句

3.2 if语句

3.2.1 语法结构

// 1.条件成立执行代码，否则什么也不做
if(条件表达式){
   
	//条件成立执行的代码语句
}

//2.执行思路 如果if里面的条件表达式结果为真true 则执行大括号里面的 执行语句如果if 条件表达式结果为假则不执行大括号里面的语句 则执行if 语句后面的代码
//3.案例
if(3>5){
   	//因为表达式为假false，所以并没有执行大括号里的代码
	alert('true')
}