js的break,continue,return及流控制语句

横向对比js的流控制语句,从此不再迷茫。

哈哈,给此博文插图:当前端发现全公司只有一个人手机显示的界面有问题的时候…

js的break,continue,return及流控制语句_第1张图片

  • break: 终止循环,使当前循环不再继续执行。用于跳出循环或switch语句。当是嵌套循环的时候,只能跳出一层循环。
  • continue: 跳过当前循环,继续往下判断循环执行语句,相当于开始循环的一次新迭代。只能结束循环中的一次过程,无法阻止循环继续进行。
  • return: 用于指定函数的返回值,只能出现在函数体中,并且终止return后语句的执行。经常用来搭配if语句等来使用。只对当前函数体有效。return 可以返回任何类型的值,也可不返回任何值(此时函数的返回值为undefined)。
//情况1
for(var i=1;i<=5;i++) { 
    if(i==3) { 
        break; 
    } 
   console.log(i); 
} 
//情况2
for(var i=1;i<=5;i++) { 
    if(i==3) { 
        break; 
    } 
} 
console.log(i); 

function sum(){
   if(true){
      return false;
   }
}

function num() {
   //...
}
   
function test(){
   sum();
   num();
}
test();

//return判断登录条件
function Login_Click(name, pwd) {
   if (name == "") {
      alert('用户名为空');
      return; //return false
   }
   if (pwd == "") {
      alert('密码为空');
      return;
   }
   alert('登陆成功');
}
  • do while语句:后测试循环语句,代码至少会执行一次。
  • while语句:前测试循环语句,先执行测试条件,再对表达式进行判断是否执行。循环体内代码可能永远不执行
  • for语句:也算是一种前测试循环语句。但是能在执行循环前初始化变量。for语句和while语句功能相同。for循环的初始表达式,控制表达式和循环后表达式都可省略,创建一个无线循环
  • for-in语句:用来枚举对象的属性。
  • switch语句:流控制语句。
var i= 0 ;
do(i += 2) while(i < 0 );
alert(i) //2

var i = 0;
while(i < 0 ) i += 2;
alert(i) // 0

var count = 2; 
for (var i = 0; i < count; i++){ 
    console.log(i); //0, 1
} 
console.log(i) // 2 不存在块级作用域

//for循环内如果只写控制表达式,就相当于while了
var count = 2, i = 0;
for(;i

continue在for循环和while循环中不同表现

var c = 0;
while(c < 5) {
  c++;
  if(c == 3) continue;
  console.log(c)
} // 1, 2, 4, 5

var c = 5
while (a < 5) {
  if (a == 3) continue
  a++
  console.log(a)
}
//a = 3 以后,不再执行下面的代码,所以a一直为3,一直满足条件,就形成了死循环

上面demo看一遍就懂,算是一个小总结吧。

深入理解return,你可以点击这里。

你可能感兴趣的:(Javascript,break,continue,return,while,do-while)