zoukankan      html  css  js  c++  java
  • JavaScript的continue、break和return的区别

    1. continue、break和return的区别

    循环遍历。

    for(let i = 0; i < 5; i++){
    	console.log(i); // 0 1 2 3 4
    }
    

    使用continuebreakreturn

    for(let i = 0; i < 5; i++){
    	if(i==3){
    		continue;
    	}
    	console.log(i); // 0 1 2 4
    }
    
    for(let i = 0; i < 5; i++){
    	if(i==3){
    		break;
    	}
    	console.log(i); // 0 1 2
    }
    
    for(let i = 0; i < 5; i++){
    	if(i==3){
    		return;
    	}
    	console.log(i); // 0 1 2
    }
    

    我们可以看到continue跳出当前循环(即进入下次循环),而break跳出整个循环(即不再执行之后的循环)。
    这里return也是跳出循环,但其实returnbreak是有区别的。我们再看几个例子。

    (function foo(){
    	for(let i = 0; i < 5; i++){
    		if(i==3){
    			continue;
    		}
    		console.log(i); // 0 1 2 4 hello
    	}
    	console.log('hello');
    })();
    
    (function foo(){
    	for(let i = 0; i < 5; i++){
    		if(i==3){
    			break;
    		}
    		console.log(i); // 0 1 2 hello
    	}
    	console.log('hello');
    })();
    
    (function foo(){
    	for(let i = 0; i < 5; i++){
    		if(i==3){
    			return;
    		}
    		console.log(i); // 0 1 2
    	}
    	console.log('hello');
    })();
    

    提示:(function foo(){ //... })()是立即执行函数。

    我们看到使用return时,没有打印hello。因此,return除了跳出循环的作用外,还有跳出当前函数的作用。

  • 相关阅读:
    小程序swiper组件实现间距轮播
    小程序form静态页面跳转
    批量添加Iconfont图标库图标
    Vant Weapp 有赞小程序UI库 ICON 组件的本地图标路径支持
    $rootScope、$apply、$watch
    EF code first 数据模型创建数据库
    angularjs directive2
    angularjs directive
    angularjs service
    angular repeat
  • 原文地址:https://www.cnblogs.com/gzhjj/p/11412966.html
Copyright © 2011-2022 走看看