美文网首页JavaScript 进阶营web前端开发
JavaScript函数_arguments_return(十六

JavaScript函数_arguments_return(十六

作者: 终身成长人格 | 来源:发表于2019-11-23 14:20 被阅读0次

    目录:

    1.arguments

    2.return

    一、arguments

    1.什么是arguments

    每一个函数都有一个arguments对象,它包括了函数所要调的参数,通常我们把它当作数组使用,用它的length得到参数数量。
    简单点来说:arguments是对应参数的,比如我有一个需求,所有的实参相加,但是这里我有50个参数,那咱们不能形参也写50个吧,或者我要判断实参个人。那么arguments就会起到作用。

    代码:

    function showargs() {
         console.log( arguments );
    }
    showargs(1,2,3,4,5);
    
    image

    大家可以看到lengh就是长度或者个数,就是数字5,代表了5个参数

    2.案例:所有实参相加

    function fn(){
    
        var num = 0;
        for(var i=0;i<arguments.length;i++){
            num+=arguments[i];
        }
        console.log(num);
    
    }
    fn(43,5442,4,432,432,42,43,7,9,34);
    

    二、return

    1.什么是return

    return通常用在函数中,用来返回给定的值并结束函数执行。所以,return有两个作用:

    一:返回特定的值。这个值可以返回之后继续使用,用来展示或者继续进行其他计算。
    二:控制中断函数执行。不管返回的值是什么,都会中断return后面语句的执行

    2.作用范围

    只在当前函数有效,不会影响其他外部函数的执行。

    function inner () {
        return false;
        //  其他代码不再执行
    }
    function outer () {
        inner()
        //  其他代码继续执行
    }
    

    inner函数的中的return false只会结束inner函数,而不会中断outer函数代码的继续执行。

    在outer函数中,false是inner函数的返回值,可以在outer函数中作为判断条件继续使用。

    3.返回值

    返回的值可以是具体的值,也可以什么都不写。
    函数默认的返回值是undefined,所以当你不写return,或者只写return而不返回具体的值时,会返回undefined

    4.布尔类型的返回值

    return false

    return false相当于执行了下面三步:

    event.preventDefault();

    event.stopPropagation();

    停止函数执行并返回。

    event.preventDefault()用来阻止浏览器的默认行为,event.stopPropagation()用来停止事件冒泡,所以通常会有人用return false来阻止浏览器的默认行为(点击a链接跳转,点击submit 按钮提交表单等),其实是使用了event.preventDefault()的功能。

    所以,当你只是想阻止浏览器默认行为时,尽量使用event.preventDefault(),而不是return false。

    下节目录:匿名函数_函数自我执行

    参考视频教程链接:https://www.3mooc.com/front/couinfo/228

    相关文章

      网友评论

        本文标题:JavaScript函数_arguments_return(十六

        本文链接:https://www.haomeiwen.com/subject/vbdhwctx.html