return返回值

 

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().onclick=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" onclick="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;只对当前函数有效,并不会影响其他函数执行。

好了,就写到到这里!

posted @ 2017-12-15 20:40  麦兜家园  阅读(8527)  评论(1编辑  收藏  举报