JavaScript基础语法（函数）

极客李华

已于 2022-12-01 12:06:09 修改

阅读量144

点赞数

分类专栏： JS学习之旅文章标签： javascript 前端开发语言

于 2022-11-29 10:44:27 首次发布

本文链接：https://blog.csdn.net/qq_51447496/article/details/128088986

版权

JS学习之旅专栏收录该内容

55 篇文章 4 订阅

订阅专栏

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

极客李华

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript基础语法（函数）

函数定义格式有两种：方式1function 函数名(参数 1 , 参数 2. .) {要执行的代码 }方式2var 函数名 = function(参数列表) {要执行的代码 }形式参数不需要类型。因为JavaScript是弱类型语言}上述函数的参数 a 和 b 不需要定义数据类型，因为在每个参数前加上 var 也没有任何意义。返回值也不需要定义类型，可以在函数内部直接使用return返回即可。
复制链接

扫一扫