return返回值的应用,主要分为两大类:
一、返回函数结果;
return可以返回所有的数据类型:数字、字符串、布尔、函数、对象(元素\[]\{}\null)、未定义3、
1、数字
fn1() //直接返回一个数字 function fn1(){ return 100; }
2、字符串
fn1() //一般情况会返回字符串的长度,即fn1().length function fn1(){ return 'maidou'; }
3、函数
fn1() //注意返回一个函数的话连注释也会一起返回,当然若是一定要弹出一个匿名函数里的值,那么就要这样写fn1()(),fn()() ==> 1 function fn1(){ return function (){ alert(1) // 嘿嘿,我是注释~ }; } fn2(20)(10);//也可以这样返回的结果就是30 function fn2(a){ return function (b){ alert(a+b); // 嘿嘿,我是注释~ }; }
4、对象
fn3() //若是返回一个window那么就可以给它加事件了,fn3().οnclick=function() function fn3(){ return window; }
fn1(5) //这个时候返回的结果就是[1,2,3,4,5] function fn1( n ){ var arr = []; for( var i=1; i<=n; i++ ){ arr.push(i); } return arr; }
5、未定义
注意说有函数都默认会有一个retrun,而没有任何定义的情况下,返回的都是未定义
通过以上可以总结return返回值:
1>函数名+括号:fn1() ==> return 后面的值;
2> 所有函数默认返回值:未定义;
3> return 后面任何代码都不执行了;
二、返回控制
一般来讲,为事件处理函数返回return:false; ,作用在于阻止默认事件行为和取消默认动作,比如,在默认情况下点击一个<a>元素,那么页面就会跳转到元素href属性指定的页,那当你用return false;时,就相当于一个终止符,而return true;相当于一个执行符。
<a href="www.baidu.com" οnclick="return add_onclick()">哈哈</a>//return false/true <script> function add_onclick(){ return false; //false阻止跳转 } </script>
在js中,会常用return false; 来阻止表单提交或者继续执行下面代码,也就是阻止执行的默认行为:
function fn1(){ if(true){ return false; } } function test(){ fn1(); num(); }
虽然sum函数返回false阻止提交,但不会影响num函数的执行,a函数中返回false对test()函数而言只是相当于一个返回值,并不会影响test()函数的执行,简而言之,return:false;只对当前函数有效,并不会影响其他函数执行。
好了,就写到到这里!