JavaScript —— 极简主义
看过上一篇文章评论内容的朋友,就会明白我为什么会在这个时候穿插去写这篇文章!越基础的东西就越容易被大家忽视,哪里是忽视,明明是我们从心底瞧不起它;好了,朋友,请收起我们那骄傲自大、不可一世、眼高手低的心态,掌握的牢固不牢固我们自己心里还不清楚吗?先嘲笑下自己,给自己降降温,然后以空杯的心态去面对每一个细小的知识点,come on!
点关注,不迷路哦~
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2];let len = arr.length;
1、continue
特点:终止当前循环体,继续去执行下一个循环。
for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { continue; } console.log(arr[i])}结果:1, 2, 3, 4, 5, 1, 2
2、break
特点:退出包含在最内层(就近原则)的循环
for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i])}结果:1, 2, 3, 4, 5
写到这里应该看出来continue和break的差别了吧,自己去观察,最后我再作总结;接下来我们继续进一步来挖掘什么是就近原则?
for(let k = 0; k < 2; k++){ for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i]) }}结果:1, 2, 3, 4, 5, 1, 2, 1, 2, 3, 4, 5, 1, 2for(let k = 0; k < 1; k++){ if ( k > 1 ) { break; } for(let i = 0; i < len; i++) { console.log(arr[i]) }}结果:1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2for(let k = 0; k < 2; k++){ if ( k > 0 ) { break; } for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i]) }}结果:1, 2, 3, 4, 5for(let k = 0; k < 2; k++){ if ( k < 1 ) { break; } for(let i = 0; i < len; i++) { if( arr[i] > 5 ) { break; } console.log(arr[i]) }}结果:空
小结:所谓就近原则,就是只影响包含它的最近的循环,只能受父亲,不能受爷爷,也不受儿子的影响,也可以说是解耦的。也常用语switch(n){ case 1: alert(1); break; default: alert(2); }中。
2)return
特点:只能出现在函数体内,用来终止整个函数的执行并返回想要返回值。
for(let i = 0; i < len; i++){ if ( arr[i] > 5 ) { return false; // 只能出现在函数体内!!! } console.log(arr[i])}// 语法直接报错,无任何输出:Uncaught SyntaxError: Illegal return statementfunction func() { for(let i = 0; i < len; i++){ if ( arr[i] > 5 ) { return 888; } console.log(arr[i]) }}func();结果:1, 2, 3, 4, 5, 888
小结: 只能用于函数体内,用以终止整个函数的执行。
总结:
1)使用环境,是否必须在函数体中使用;
2)终止范围,一条循环 or 整个循环 or 整个函数;
3) 就近原则
点关注,不迷路~
同时,便于查看历史文章。