JavaScript基础语法（函数）

2025-07-26 08:59:16

JavaScript基础语法（函数） JavaScript基础语法（函数）学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScrip

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)

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

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

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

定义格式

函数定义格式有两种：

方式1

代码语言：javascript代码运行次数：0运行复制

function 函数名(参数1,参数2..){
    要执行的代码
}

方式2

代码语言：javascript代码运行次数：0运行复制

var 函数名 = function (参数列表){
    要执行的代码
}

注意：

形式参数不需要类型。因为JavaScript是弱类型语言

代码语言：javascript代码运行次数：0运行复制

function add(a, b){
    return a + b;
}

上述函数的参数 a 和 b 不需要定义数据类型，因为在每个参数前加上 var 也没有任何意义。

返回值也不需要定义类型，可以在函数内部直接使用return返回即可

函数调用

函数调用函数：

代码语言：javascript代码运行次数：0运行复制

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

eg：

代码语言：javascript代码运行次数：0运行复制

<!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,0);
    alert(result)
</script>
</body>
</html>

运行结果

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

代码语言：javascript代码运行次数：0运行复制

<!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
        cole.log(a)
        cole.log(b)
    }
    let result = add(10,20);
    cole.log(result)
</script>
</body>
</html>

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。原始发表：2022-12-01，如有侵权请联系 cloudcommunity@tencent 删除变量函数基础语法javascript

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址：http://www.dnpztj.cn/biancheng/1152052.html

推荐阅读

留言与评论（共有 6 条评论）

本站网友整形医院哪家疗效好	6分钟前发表
因为在每个参数前加上 var 也没有任何意义
本站网友大会	28分钟前发表
参数2..){ 要执行的代码 }方式2代码语言：javascript代码运行次数：0运行复制var 函数名 = function (参数列表){ 要执行的代码 }注意：形式参数不需要类型
本站网友 pq分区	21分钟前发表
因为在每个参数前加上 var 也没有任何意义
本站网友广东康大职业技术学院	25分钟前发表
函数调用可以传递任意个数参数例如代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function add(a
本站网友贵阳红十字会医院	14分钟前发表
函数调用可以传递任意个数参数例如代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function add(a

JavaScript基础语法（函数）