麋鹿鲁哟 麋鹿鲁哟
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
    • JavaScript 基础
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 面试题库

    • HTML
    • CSS
    • jQuery
    • Vue
    • 零碎
  • 面试心得

    • 杂言碎语
  • 摘抄收录

    • ☆ 励志鸡汤
    • ❀ 人间烟火
    • ☣ 万物沦丧
    • ✌ 关掉烦恼
    • ✲ 小酒馆
  • 读书笔记

    • 《小狗钱钱》
    • 《穷爸爸富爸爸》
    • 《聪明人使用方格笔记本》
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub

麋鹿鲁哟

前端小菜鸡(✪ω✪)
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
    • JavaScript 基础
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 面试题库

    • HTML
    • CSS
    • jQuery
    • Vue
    • 零碎
  • 面试心得

    • 杂言碎语
  • 摘抄收录

    • ☆ 励志鸡汤
    • ❀ 人间烟火
    • ☣ 万物沦丧
    • ✌ 关掉烦恼
    • ✲ 小酒馆
  • 读书笔记

    • 《小狗钱钱》
    • 《穷爸爸富爸爸》
    • 《聪明人使用方格笔记本》
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub
  • 简介
  • 变量
  • 数据类型
  • 运算符
  • 流程语句
    • 1. 循环语句
      • 1.1 while
      • 1.2 do...while
      • 1.3 for
      • 1.4 for...in
    • 2.跳转语句
      • 2.1 return
      • 2.2 break
      • 2.3 continue
    • 3.条件判断语句
      • 3.1 if
      • 3.2 switch
    • 4.异常处理语句
      • 4.1 throw
      • 4.2 try
      • 4.3 catch
      • 4.4 finally
  • 数组
  • 函数
  • 字符串函数
  • 正则表达式
  • DOM 基本操作
  • Window 对象
  • JS 对象
  • JSON
  • Cookie
  • JavaScript 基础
麋鹿鲁哟
2020-07-20

流程语句

# 1. 循环语句

# 1.1 while

  1. 语法:
while(条件表达式){
  循环执行的代码块
}
1
2
3
  1. 流程:
  • 当指定的条件为 true 时循环指定的代码块
  • 当指定的条件为 false 时退出循环体
  1. 特性:
  • 先检查条件,再执行循环,条件不满足则循环一次也不执行
  1. 例子
var i = 0;
while(i < 2){
  console.log(i)
  i++;
}
// 0
// 1
1
2
3
4
5
6
7

# 1.2 do...while

  1. 语法:
do{
  循环执行的代码块
}while(条件表达式);
1
2
3
  1. 流程:
  • 先执行循环体内代码块再进行判断
  • 如果表达式的值为 true ,循环执行代码块
  • 如果表达式的值为 false ,退出循环体
  1. 特性:
  • 先执行循环体,再进行条件判断,循环体内代码至少执行一次
  1. 例子
var i = 0;
do{
  console.log(i)
  i++;
}while(i < 2)
// 0
// 1
1
2
3
4
5
6
7

# 1.3 for

  1. 语法:
for(循环变量=初值;循环条件;递增/递减计数器){
  循环执行的代码块
}
1
2
3
  1. 流程:
  • 用循环变量初始值与循环条件相比较,确定返回值
  • 如果返回值为 true ,执行循环体
  • 执行完后进行递增/递减云算
  • 将运算结果与循环条件相比较
  • 如果返回值为 true 则继续执行,为 false 则退出循环
  1. 例子
for(var i = 0;i < 2;i++){
  console.log(i)
}
// 0
// 1
1
2
3
4
5

# 1.4 for...in

  1. 语法:
for(声明变量 in 对象){
  代码块
}
1
2
3

循环输出的属性顺序不可预知,对象的值不能是 null 或 undefined

  1. 例子
var arr= ['a','b','c'];
for(var x in arr ){
  console.log(arr[x]);
}
// a
// b
// c
1
2
3
4
5
6
7

# 2.跳转语句

# 2.1 return

终止循环体的运行,并返回一个值

# 2.2 break

终止整个循环,不再进行判断,只能用在循环或 switch 中。

# 2.3 continue

continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。(即:结束本次循环,接着去判断是否执行下次循环)

# 3.条件判断语句

# 3.1 if

  1. 语法:
if(条件表达式1){
  代码块 1
}else if(条件表达式2){
  代码块 2
}else{
  代码块 3
}
1
2
3
4
5
6
7
  1. 流程:
  • 判断条件1,如果返回值为 true ,执行代码块1
  • 判断条件1的返回值为 false 则跳过语句块并检测条件表达式2
  • 如果所有表达式的值均为 false 则执行 else 后面的语句
  1. 例子
var a = 1
var b = 2
if(a > b){
  console.log("true")
}else{
  console.log("false")
}
// false
1
2
3
4
5
6
7
8

# 3.2 switch

  1. 语法:
switch(条件表达式){
  case 标签1 :
    代码块 1;
    break;
    …… ……
  default:
    代码块n;
}
1
2
3
4
5
6
7
8
  1. 流程:
  • 计算表达式的值,并与各标签比较
  • 若找到与之匹配的标签,则执行其后的代码块
  • 若没有找到与之匹配的标签,则直接执行 default 之后的代码块
  1. 例子
var day;
switch (new Date().getDay()) {
  case 0:
    day = "周日";
    break;
  case 1:
    day = "周一";
    break;
  case 2:
    day = "周二";
    break;
  case 3:
    day = "周三";
    break;
  case 4:
    day = "周四";
    break;
  case 5:
    day = "周五";
    break;
  case  6:
    day = "周六";
}
console.log("今天是" + day)

//假设 new Date().getDay() 得到的值是5 那么最后输出是
//今天是周五
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

# 4.异常处理语句

# 4.1 throw

主动抛出异常

# 4.2 try

指明需要处理的代码块

# 4.3 catch

捕获异常

# 4.4 finally

后期处理

编辑
上次更新: 2021/04/12, 9:04:00
运算符
数组

← 运算符 数组 →

最近更新
01
《聪明人使用方格笔记本》
07-28
02
《穷爸爸富爸爸》
07-28
03
《小狗钱钱》
07-28
更多文章>
Theme by Vdoing | Copyright © 2019-2023 麋鹿鲁哟 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式