JavaScript基础语法（函数）

青旅半醒 2024-03-31 12:57 85阅读 0赞

## JavaScript基础语法（函数） ##

**学习路线**：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语法（变量）][JavaScript 1]\->[JavaScript基础语法（数据类型）][JavaScript 2]\->[JavaScript基础语法（运算符）][JavaScript 3]\->[JavaScript基础语法（流程控制语句）][JavaScript 4]\->[JavaScript基础语法（类型转换）][JavaScript 5]\->[JavaScript基础语法（函数）][JavaScript 6]\->[Array\_JavaScript][Array_JavaScript]\->[String\_JavaScript][String_JavaScript]\->[自定义对象\_JavaScript][JavaScript 7]\->[JavaScript\_BOM][JavaScript_BOM]\->[Window对象][Window]\->[confirm()、setInterval()、setTimeout()][confirm_setInterval_setTimeout]\->[History、Location][History_Location]\->[闪烁的灯泡][Link 1]\->[JavaScript\_DOM][JavaScript_DOM]\->[事件绑定(onclick,onfocus,onblur)][onclick_onfocus_onblur]\->  
[事件绑定(onmouseout,onmouseover)  
][onmouseout_onmouseover_]\->[事件绑定(onsubmit)表单提交  
][onsubmit_]\->[提交表单与验证表单案例  
][Link 2]

**简介**：函数（就是Java中的方法）是被设计为执行特定任务的代码块；JavaScript 函数通过 function 关键词进行定义。

### 定义格式 ###

函数定义格式有两种：

*  方式1
    
        function 函数名(参数1,参数2..){
              
            要执行的代码
        }
 *  方式2
    
        var 函数名 = function (参数列表){
              
            要执行的代码
        }

> 注意：
> 
>  *  形式参数不需要类型。因为JavaScript是弱类型语言
>     
>         function add(a, b){
>                
>             return a + b;
>         }
>     
>     上述函数的参数 a 和 b 不需要定义数据类型，因为在每个参数前加上 var 也没有任何意义。
>  *  返回值也不需要定义类型，可以在函数内部直接使用return返回即可

### 函数调用 ###

函数调用函数：

函数名称(实际参数列表);

eg：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        
    <script>
        function add(a, b, c){
        
            return a + b + c
        }
        let result = add(10,20,30);
        alert(result)
    </script>
    </body>
    </html>

**运行结果**  
![在这里插入图片描述][c4754b13cf0b4013bd218bcfe88cd098.png]

*  JS中，函数调用可以传递任意个数参数
 *  例如

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        
    <script>
        function add(a, b, c){
        
            return a + b + c
            console.log(a)
            console.log(b)
        }
        let result = add(10,20);
        console.log(result)
    </script>
    </body>
    </html>

它是将数据 10 传递给了变量a，将数据 20 传递给了变量 b，而数据 3 没有变量接收。

[JavaScript]: https://blog.csdn.net/qq_51447496/article/details/128085137
[JavaScript 1]: https://blog.csdn.net/qq_51447496/article/details/128085348
[JavaScript 2]: https://blog.csdn.net/qq_51447496/article/details/128086148
[JavaScript 3]: https://blog.csdn.net/qq_51447496/article/details/128086681
[JavaScript 4]: https://blog.csdn.net/qq_51447496/article/details/128088817
[JavaScript 5]: https://blog.csdn.net/qq_51447496/article/details/128087248
[JavaScript 6]: https://blog.csdn.net/qq_51447496/article/details/128088986
[Array_JavaScript]: https://blog.csdn.net/qq_51447496/article/details/128089474
[String_JavaScript]: https://blog.csdn.net/qq_51447496/article/details/128089631
[JavaScript 7]: https://blog.csdn.net/qq_51447496/article/details/128089766
[JavaScript_BOM]: https://editor.csdn.net/md/?articleId=128095193
[Window]: https://blog.csdn.net/qq_51447496/article/details/128095300
[confirm_setInterval_setTimeout]: https://blog.csdn.net/qq_51447496/article/details/128103458
[History_Location]: https://blog.csdn.net/qq_51447496/article/details/128104240
[Link 1]: https://blog.csdn.net/qq_51447496/article/details/128095524
[JavaScript_DOM]: https://blog.csdn.net/qq_51447496/article/details/128104720
[onclick_onfocus_onblur]: https://blog.csdn.net/qq_51447496/article/details/128110532
[onmouseout_onmouseover_]: https://blog.csdn.net/qq_51447496/article/details/128112439
[onsubmit_]: https://blog.csdn.net/qq_51447496/article/details/128112553
[Link 2]: https://blog.csdn.net/qq_51447496/article/details/128112770
[c4754b13cf0b4013bd218bcfe88cd098.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/04d1b08bb85b488b8ca36e85ec757496.png