前端基础的讲解-JS(5)

简介: JS详解

流程控制语句
流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三种代码执行的顺序,顺序结构即为最基本的从上到下执行代码。

1.分支结构(条件判断语句)

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码

  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码

  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

  • 三元表达式,即简化版的if判断语句(格式为:值条件 1 ? 成立 2 : 不成立 3;)

2.条件分支语句

switch 语句 - 使用该语句来选择多个代码块之一来执行

首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。(不常用)

3.条件循环语句

有三个必须的条件即:初始化变量①; 条件表达式②; 操作表达式③ ; ①通常用于初始化一个计数器,该表达式可以使用 var 或者 let 关键字声明新的变量,这个变量帮我们来记录次数。推荐使用 let。②用于确定每一次循环是否能被执行,如果结果是 true 就继续循环,否则退出循环③每次循环的最后都要执行的表达式。通常用于更新计数器变量的值。

  • for循环语句,for(){} ()内填①②③条件,{}内填条件满足时执行的语句

  • while循环语句,while() ()内填②,外填①③

  • do.. while循环语句,先循环再判断,无论如何必定循环一次 do{}while() {}内写执行语句,()内填②
    4.循环终止语句

  • break,停止,即出现此代码时,这个语句后面的循环将会全部终止

  • continue,跳过,即出现该语句时,只跳过语句所在的循环

相关文章
|
7月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
286 8
|
7月前
|
JavaScript 前端开发 容器
|
7月前
|
JavaScript 前端开发
|
7月前
|
存储 JavaScript 前端开发
|
7月前
|
移动开发 JavaScript 前端开发
|
7月前
|
存储 JavaScript 前端开发
|
7月前
|
JavaScript 前端开发
|
7月前
|
JavaScript 前端开发
|
7月前
|
存储 JavaScript 前端开发
|
7月前
|
JavaScript 前端开发 开发者

热门文章

最新文章

下一篇
oss云网关配置