JavaScript 进阶营web前端开发

JavaScript函数_arguments_return(十六

2019-11-23  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读