break、continue
一般用于for循环、swith语句中;
break -- 用于终止循环,跳出循环; continue -- 用于跳过本层循环,直接执行下层循环语句;
for(vari=0;i++;i<4){
if(i==2){
break;
}
console.log(i);
}
//最终将会输出:0 1
for(vari=0;i++;i<4){
if(i==2){
continue;
}
console.log(i);
}
//最终将会输出:0 1 3
return
常用于函数中;
return -- 用于跳出return当前所在的函数,return后面的函数语句将不再执行;
return 深层解析
1. 事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什么表现 但事件确实传递了。但是如果父级有此事件,将会执行;)
2. return false一般用来阻止浏览器的默认行为,何为默认行为,如表单提交,或者当我们点击一个超链接时,除了要触发它的点击事件外,还会触发浏览器的默认跳转请求(href属性),所以我会使用return false来阻止浏览器的默认行为;
这种return false阻止默认行为存在一定的隐患,其实return false进行了三种操作:
(1)、阻止默认行为;(event.preventDefault)
(2)、阻止冒泡;(event.stopPropagation)
(3)、跳出函数,不再执行函数中的语句;
当我们在写一个比较大的程序的时候,就有可能出现不可预知的错误,这时候最安全、最妥当、最不容易出错的方案就是,我们针对不同的情况使用对应的行为;
如果我们只想阻止浏览器的默认行为,那我们就使用event.preventDefault;
如果我们只想阻止冒泡,不想让它影响包含它的父元素及其祖先元素,那我们就是用event.stopPropagation;
在循环语句的使用
for循环语句
//break - 终止循环; continus - 跳过本层循环,直接进入下层循环;
for(vari=0;i++;i<4){
if(i==2){
break;
}
console.log(i);
}
//最终将会输出:0 1
for(vari=0;i++;i<4){
if(i==2){
continue;
}
console.log(i);
}
//最终将会输出:0 1 3
$.each();
// return false 等同于 break,终止循环; return true 等同于 continue,跳过本层循环;
vardata=["a","b","c"];
$.each(data,function(dataItem){
if(dataItem=="b"){
returnfalse;
}
console.log(dataItem);
});
//最终输出:a
vardata=["a","b","c"];
$.each(data,function(dataItem){
if(dataItem=="b"){
returntrue;
}
console.log(dataItem);
});
//最终输出:a c
forEach(); 暂时没有终止forEach和跳过forEach本层循环的语句;可以将其循环语句改写为:
//1.使用some函数
varary=["a","b","c","d"];
ary.some(function(value,index,_ary) {
console.log(index+": "+value);
returnvalue==="b";
});
//2.使用every函数
varary=["a","b","c","d"];
ary.every(function(value,index,_ary) {
console.log(index+": "+value);
returnvalue.indexOf("b")>-1;
});