return false
DOM的事件传播有两个类型,一个是捕获(从父节点到子节点),一个是冒泡(从子节点到父节点),所以一个事件触发时可以有多个处理器去处理它,DOM标准约定了return false后就会阻止事件继续传播。
jQuery中each里面用return false代替break;return ture 代替continue。
function a(){
if(true){
//
return true;
}
}
在一个function里有一个each,在each里某种条件 成立的话,就把这个function返回true或者false。
但是在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用其它的方式
break----用return false;
continue --用return ture;
所以在each里想使用return true给这个function返回时,其实只是让each继续执行而以
连each都没有中断,所以function也就不能return了 。
由于jQuery的each是通过循环调用回调函数的方式实现的,所以在函数内写的break只适用于函数内部的逻辑,并不能对函数外层的循环起到作用,所以break不管用。具体可以分析一下jQuery的源码,下面以jQuery2.1.4中的each方法举例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
each: function ( obj, callback, args ) { var value, i = 0, length = obj.length, isArray = isArraylike( obj ); //如果obj是一个类似数组的结构(可用for遍历的),则为true if ( args ) { if ( isArray ) { for ( ; i < length; i++ ) { value = callback.apply( obj[ i ], args ); //循环调用 if ( value === false ) { //如果返回值全等于(包括类型和值)false,就退出循环 break ; } } } else { for ( i in obj ) { //这种是对象的,需要用for in遍历 value = callback.apply( obj[ i ], args ); if ( value === false ) { break ; } } } // A special, fast, case for the most common use of each } else { if ( isArray ) { for ( ; i < length; i++ ) { value = callback.call( obj[ i ], i, obj[ i ] ); if ( value === false ) { break ; } } } else { for ( i in obj ) { value = callback.call( obj[ i ], i, obj[ i ] ); if ( value === false ) { break ; } } } } return obj;
}
|
由源码可以看出,只有回调函数返回的值为false时,才会退出循环。