• return返回值


    return返回值的应用,主要分为两大类:

    一、返回函数结果;

    return可以返回所有的数据类型:数字、字符串、布尔、函数、对象(元素[]{} ull)、未定义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;只对当前函数有效,并不会影响其他函数执行。

    好了,就写到到这里!

  • 相关阅读:
    Mina、Netty、Twisted一起学习(三):TCP前缀固定大小的消息(Header)
    集装箱set相关算法
    企业视觉-大型电商(制)-高性能的用户视觉性能(1)
    周期节
    在近排博客活动已被删除几篇文章
    [Python] Different ways to test multiple flags at once in Python
    [Angular] Use :host-context and the ::ng-deep selector to apply context-based styling
    [Javascirpt AST] Babel Plugin -- create new CallExpression
    [Python] Object spread operator in Python
    [Javascript AST] 3. Continue: Write ESLint rule
  • 原文地址:https://www.cnblogs.com/web001/p/8044763.html
Copyright © 2020-2023  润新知