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;只對當前函數有效，並不會影響其他函數執行。

好了，就寫到到這里！