美文网首页web前端自学之路
web前端 -- Day10 js基础

web前端 -- Day10 js基础

作者: 韩发发吖 | 来源:发表于2019-02-28 14:11 被阅读1次

代码流程控制

代码的执行过程,分为三种方式:顺序结构、分支结构、循环结构

1、顺序结构

代码执行的顺序,从上到下,从左到右执行顺序

2、分支结构

if语句、if-else语句 、switch-case语句、三元表达式语句

// 1、分支结构:if语句。执行过程:先判断表达式的结果是true还是false,如果是true则执行代码,如果是false,大括号中的代码是不执行的。
if(表达式){
    代码块
}

// 2、分支结构:if-else语句。执行过程:如果表达式的结果是true则执行代码块1,如果是false,则执行代码块
if(表达式){
    代码块1
}else {
    代码块2
}

// 3、分支结构:三元表达式。运算符号: ? : 
// 执行过程:表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量,如果表达式1是false,则执行表达式3,把结果给变量。
语法: var 变量 = 表达式1?表达式2:表达式3;

// 分支结构:switch-case语句。执行过程:获取表达式的值,和值1比较,如果一样,则执行代码1,遇到break则跳出整个语句,后面代码不执行; 如果表达式的值和值1不一样,则和值2比较,如果相同则执行代码2;
// 注意:default后边的break是可以省略的
switch(表达式){
    case 值1:代码1;
    break;
    case 值2:代码2;
    break;
    case 值3:代码3;
    break;
    default:代码4;
}

总结: 如果只有一个分支,就用if;如果有两个分支就用if-else;如果有多个分支,一般范围的,推荐使用if esle;如果多个分支,一般是具体值,推荐使用switch-case语句。

3、循环结构

while循环、do-while循环、for循环、for-in循环
循环要有结束的条件,循环还应该有计数器(记录循环次数)

// 1、while循环 执行过程:先判断条件是否成立,(条件的结果是true还是false),如果是false,那么大括号中代码都不执行,如果是true,先执行循环体,然后执行计数器,然后再去判断条件,看是否成立,成立继续执行否则跳出循环体。
var 变量 = 0;
while(循环条件){
    循环体;
    计数器++;
}

// 2、do-while循环 执行过程:先执行一次循环体,然后判断条件是否成立,不成立则跳出循环,成立则执行循环体,然后再判断条件是否成立,成立则继续循环,否则跳出
do {
    循环体
}while(条件)

// 3、for循环:执行过程:先执行一次表达式1,然后判断表达式2,如果表达式2不成立则直接跳出;若表达式2成立,执行循环体的代码,结束后跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,如果不成立则跳出循环,如果成立,则执行循环体
for(表达式1;表达式2;表达式3){
    循环体;
}

总结:
(1)、while先判断后循环,有可能一次循环都不执行
(2)、do-while:至少执行一次循环体,再判断
(3)、for:知道了循环的次数,推荐使用for循环

continue和break

1、break:立即跳出整个循环,即循环结束,开始执行循环后面的内容(直接跳到大括号)
2、continue:立即跳出当前循环,继续下一次循环(跳到i++的地方)

相关文章

  • web前端 -- Day10 js基础

    代码流程控制 代码的执行过程,分为三种方式:顺序结构、分支结构、循环结构 1、顺序结构 代码执行的顺序,从上到下,...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 技术文章地址

    Web前端开发CSS、JS 廖雪峰的JS教程 JQuery基础 前端工程师必备的PS技能—切图篇 前端入门方法 A...

  • web前端--JS基础

    一、基础 0、代码规范 变量名推荐使用驼峰法来命名(camelCase)通常运算符 ( = + - * / ) 前...

  • web前端--js基础

    前端基本功--js第一天 1.1变量 变量的命名规则! 1.变量命名必须以字母或是下标符号”_”或者”$”为开头。...

  • web前端面试之js基础(码动未来)

    web前端面试之js基础(码动未来) 3.1.1、介绍js的基本数据类型 Undefined、Null、Boole...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 用Docker简化Nodejs开发2——开发环境到测试环境

    Web应用通常由多个部分组成,包括:前端、后端和基础中间件。前端代码是静态的(html+js),可以放在nginx...

  • 好程序员web前端教程分享JS基础知识

    好程序员web前端教程分享JS基础知识,为大家分享一篇关于JS的基础知识。 1、执行环境:有时也叫环境,是Java...

网友评论

    本文标题:web前端 -- Day10 js基础

    本文链接:https://www.haomeiwen.com/subject/dimhuqtx.html