javascript基础之函数。-优快云博客

本文链接：https://blog.youkuaiyun.com/luoxufeng/article/details/6982285

本文总结了ECMAScript函数的基本概念、行为特点及实际应用案例，包括函数的返回值、参数传递、重载限制、匿名函数使用等。通过示例展示了如何灵活运用ECMAScript函数处理不同数量和类型的参数。

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

函数的基本概念就不说了，这里主要记录下网上关于函数的一些总结（）

1、无须指定函数的返回值，因为任何ECMAScript函数都可以再任何时候返回任何值。

2、实际上，未指定返回值的函数返回的是一个特殊的undefined值。ECMAScript中也没有函数签名的概念，

因为其函数参数是一个包含零个或多个值的数组形式传递的。

3、可以向ECMAScript函数传递任意数量的参数，并且可以通过arguments对象来访问这些参数

4、由于不存在函数签名的特性，ECMAScript函数不能重载。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>函数</title>
    <script type="text/javascript">
        //ECMAScript函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型。即使你定义的函数只接受两个参数
        //在调用这个函数时也未必一定要传递两个参数，可以传递一个，两个，三个甚至不传递参数，如以下示例
        function basicSum(num1,num2){
             alert(num1+num2);
        }
        
        //ECMAScript之所以不介意参数的个数和类型，是因为ECMAScript中的参数在那边是用一个数组表示的
        //实际上，在函数体内可以通过arguments对象来访问这个参数的数组，从而获得传递给函数的每一个参数
        //没有传递的命名参数将自动被赋予undefined值
        function sayHello(){
            alert("hello "+arguments[0]+","+arguments[1]);
        }
        
        //可以用arguments.length来获取传入了多少个参数 arguments[0]和传入的第一个参数是相当的，以此类推。
        function doAdd(num1,num2){
           if(arguments.length==1){
              alert(num1+10);
           }else if(arguments.length==2){
             alert(arguments[0]+num2);
           }else{
             alert("I don't konw how many you pass~!");
           }       
        }
        
        //ECMAScript中的函数没有重载
        function hello(){
           alert("hello,这是第一次加载");
        }
         function hello(num){
           alert("hello,这是第二次加载");
        }
        
        //无需指定函数的返回值，因为任何ECMAScript函数都可以在任何时候返回任何值。
    </script>
</head>
<body>
   <input type="button" value="Sum不传参数" onclick="basicSum();" />
   <input type="button" value="Sum传一个参数" onclick="basicSum('hello');" />
   <input type="button" value="Sum传两个参数" onclick="basicSum(10,20);" /><br />
   
   <input  type="button" value="Hello" onclick="sayHello()"/>
   <input  type="button" value="Hello传入一个参数" onclick="sayHello('alice')"/>
   <input  type="button" value="Hello传入两个参数" onclick="sayHello('alice','how are you~!')"/>
   <input  type="button" value="Hello传入三个参数" onclick="sayHello('alice','how are you~!','I know')"/><br />
    
    <input type="button" value="doAdd传一个参数" onclick="doAdd(20);" />
    <input type="button" value="doAdd传两个参数" onclick="doAdd(20,100);" />
    <input type="button" value="doAdd不传参数" onclick="doAdd();" /><br />
    
    <input type="button" value="重载" onclick="hello();" /> <!--由于没有重载的概念，后定义的函数会覆盖先定义的函数-->
</body>
</html>