JavaScript基础语法（函数）

GeekLiHua

发布于 2025-01-21 15:15:45

2620

文章被收录于专栏：JavaJava

JavaScript基础语法（函数）

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->

事件绑定(onmouseout,onmouseover)

->事件绑定(onsubmit)表单提交

->提交表单与验证表单案例

简介：函数（就是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>

运行结果

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 没有变量接收。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-12-01，如有侵权请联系 cloudcommunity@tencent.com 删除

变量