第三章 web前端开发工程师--JavaScript进阶程序设计 3-8 javascript 函数返回值

本文链接：https://blog.youkuaiyun.com/wgf5845201314/article/details/90756929

本文深入探讨了JavaScript中函数的返回值概念及其实现方法，同时解析了arguments对象的使用，包括如何通过arguments对象获取传入函数的所有参数，并利用其length属性实现参数数量的智能判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 函数返回值

本节课所讲内容：

JavaScript函数返回值

2. JavaScript arguments对象

主讲教师：Head老师

一. 函数返回值

带参和不带参的函数，都没有定义返回值，而是调用后直接执行的。实际上，任何函数都可以通过return语句跟后面的要返回的值来实现返回值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>js 函数返回值</title>
</head>
<body>
    <script>
        window.onload = function(){
            function fn1(a){
            //return 123+a;
            return function(b){
                alert(a+b); //这里是注释    
            }
            }
            //alert(fn1(456));   //这样调用不了   弹出整个函数体部分
        // fn1(2)(20);    //正确调用方式  结果22

            function $(id){
                return document.getElementById(id);
            };
            $('ad').onclick = function(){
                alert('节点的封装');
            }
       }
                 
    </script>
    <input type="button" id="ad" value="按钮">

</body>
</html>

二.JavaScript arguments对象

函数不介意传递进来多少参数，也不会因为参数不统一而错误。实际上，函数体内可以通过arguments对象来接收传递进来的参数。

function box(){
            return arguments[0] + '|' +arguments[1];
        }
        alert(box(1,2,3));   //输出结果   1|2

arguments对象的length属性可以得到参数的数量。

function box() {
	return arguments.length;					//得到6
}
alert(box(1,2,3,4,5,6));

我们可以利用length这个属性，来智能的判断有多少参数，然后把参数进行合理的应用。比如，要实现一个加法运算，将所有传进来的数字累加，而数字的个数又不确定。