js流程

流程控制语句

程序执行是过程化的也就是说从上往下依次执行,但是有些时候我们需要让他执行某部分,不执行某部分或者反复执行某部分,这些就是流程控制. 语句1; 语句2; . . . 语句N;

条件语句

JavaScript提供if结构和switch结构,完成条件判断。

1. if 结构

语法: javascript if(表达式1){ 表达式2; } 表达式3; 说明: 程序判断表达式1,成立执行表达式2,不成立执行表达式3

2. if...else... 语句

语法: javascript if(表达式1) { 表达式2; } else { 表达式3; } 表达式4; 说明: 程序判断表达式1,成立执行表达式2,不成立执行表达式3,再执行表达式4

3. if...else if...

javascript if(表达式1) { 表达式2; } else if(表达式3) { 表达式4; } else if(表达式5) { 表达式6; } else { 表达式7; } 表达式8;

4. 嵌套使用

javascript if(表达式1) { //区块1 if(表达式2) { //区块2 表达式3; } 表达式4; } 表达式5; 说明: 1. 程序判断表达式1,不成立执行表达式5,成立进入区块1; 2. 进入区块1,判断表达式2,成立执行表达式3,否则执行表达式4;

5. switch结构

javascript var a = 1; switch(a) { case 1 : console.log(1); break; case 2 : console.log(2); break; case 3 : console.log(3); break; default : console.log("default"); }说明break:跳出控制语句;default:当所有case都不匹配时执行default;

循环语句

循环语句用于重复执行某个操作,它有多种形式。

1. while循环

javascript while(表达式1) { 表达式2; } 表达式3; 说明:首先判断表达式1,成立执行表达式2,然后继续判断表达式1,如果不成立执行表达式3

2. do...while...循环

javascript do { 表达式1; } while(表达式2); 表达式3; 说明:先执行表达式1,在判断表达式2,如果成立,继续执行表达式1,不成立执行表达式3;

3. for循环

for语句是循环命令的另一种形式,它分成三步: - 初始化(initialize):确定循环的初始值,只在循环开始时执行一次; - 测试(test):检查循环条件,只要为真就进行后续操作; - 递增(increment):完成后续操作,然后返回上一步,再一次检查循环条件。

语义: ```javascript for(初始化;测试;递增) {

执行流程:javascript for(表达式1;表达式2;表达式3) { 表达式4; } 表达式5; ``` 说明:首先执行表达式1,再判断表达式2,如果表达式2成立,则执行表达式4,再执行表达式3,再判断表达式2,不成立的话执行表达式5;

break语句和continue语句

  • break语句用于跳出代码块或循环。
  • continue语句用于立即终止本次循环,返回循环结构的头部,开始下一次循环。
时间: 2024-08-06 20:03:59

js流程的相关文章

JS流程设计器(二)

此代码接着JS流程设计器(一)续写,该代码主要是怎么将设计好的流程图用最基本字符串的方式传到后台,再由后台字符串的方式重新显示在页面上. 1 //转化成后端的方法 2 function changebe(firstbegin){ 3 for(var x=0;x<shapeobjjson.shapeobj.length;x++){ 4 if(shapeobjjson.shapeobj[x].id==firstbegin){ 5 if(firstbegin.indexOf("begin-cir

一个只有99行代码的JS流程框架(二)

张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架. 导语 前面写了一篇文章,叫<一个只有99行代码的JS流程框架>,虽然该框架基本已经能实现一个流程正常的逻辑流转,但是在分模块应用下还是缺少一定的能力,无法将一个页面中的不同模块很好的连接在一起,于是对之前的框架进行了升级,新增了子流程的概念. 子流程 什么是子流程?在这个升级后的框架里(当然代码已经不止99行了,不要在乎标题),每个步骤不但可以是一个function,还可以引用另一个流程,这个被引

一个只有99行代码的JS流程框架

最近一直在想一个问题,如何能让js代码写起来更语义化和更具有可读性. 上周末的时候突发奇想,当代码在运行的时候,其实跟我们做事情是类似的,都是做完一步接着下一步,并且这些事情有些是可规划的,有些是需要做完该步才知道下一步该做什么.想到这里一个js框架雏形在我大脑中慢慢形成,暂且命名为flowJS. 接着说说这个框架应该有哪些API? 1.可以预先规划好流程的每一步,如this.setNext('步骤A').setNext('步骤B')-- 2.可以在任何一步决定下一步做什么,如 this.set

js流程控制语句--利用双层for循环实现九九乘法表和五角星

js中的流程控制语句:顺序结构 分支结构 循环结构 分支结构:1.if语句 --适用于范围性的判断 语法:if(条件){语句}--如果条件成立 就执行语句           if(条件){语句1}else(){语句2} 如果条件成立 执行语句1,否则执行语句2           if(条件){语句1}else if(){语句2}else(){语句3} 2.三元运算符:只适用于比较简单的判断,可以更加简洁 语法:var 结果=条件?A:B 如果条件满足就是A否则就是B 3.switch....

js流程控制语句

流程控制语句 执行顺序基本分为三种: 1.顺序执行 2.选则执行 3.循环执行 条件语句 if语句 执行流程:1.判断条件的结果是true还是false 2.为true时,执行语句块 3.为false时,跳过语句块,执行下面的代码 if else语句 执行流程:1.判断条件的结果是true还是false 2.为true时,执行语句块1 3.为false时,执行语句块2 4.继续执行下面的语句

Js 流程控制

流程控制 顺序.分支.循环 顺序结构 代码一行一行从上往下执行并解析 分支结构 if语句 switch语句 if语句 单分支 if(条件表达式){ ????//语句块 } 含义:当条件表达式为真的时候就执行里面的语句块 示例: 双分支: if(条件表达式){ ????//语句块1 }else{ ????//语句块2 } 含义:如果条件表达式成立则执行语句块1,否则则执行语句块2 ? Window.prompt(text[,defaultText]); 说明: ????提供一个用户输入对话框 ??

js流程控制语句(三)

如果在语句中需要声明变量时:最好给他们赋予初始类型值[js中变量声明使用var属于弱类型声明,若只声明则均表示为undefined,在后面语句计算中可能会产生错误计算]eg:    number类型:var num = 0;    string类型:var str = '';    object类型:var obj = null; 1.条件判断语句:    if(判定条件表达式){        //条件为真,执行该处语句    }else{        //否则,条件为假,执行该处语句  

JS流程控制(语句)

一.流程控制 1. 作用:控制代码的执行顺序 2. 分类: (1) 顺序结构:从上到下依次执行代码语句 (2) 分支/选择结构 1. if语句 简单if结构 if(条件表达式){ 表达式成立时执行的代码段 } 注意 : 除零值以外,其他值都为真,以下条件为假值false if(0){} if(0.0){} if(""){} //空字符串 if(undefined){} if(NaN){} if(null){} 特殊写法 : { }可以省略,一旦省略,if语句只控制其后的第一行代码 va

js流程语句

var box = 100; //单行语句 { //用花括号包含的语句集合,叫做复合语句,单位一个. //一对花括号,表示一个复合语句,处理的时候可以当作一条单行语句来对待 var height = 200; //复合语句一般称之为代码块 var width = 300;} ----------------------------------------------------------------------------------------------------------------