【尚硅谷 Java Web 笔记】JavaScript的函数

最新推荐文章于 2022-07-19 20:44:18 发布

端木翠花

最新推荐文章于 2022-07-19 20:44:18 发布

阅读量738

点赞数

分类专栏： Java Web学习文章标签： javascript javaweb

本文链接：https://blog.csdn.net/qq_54110690/article/details/122790009

版权

Java Web学习专栏收录该内容

32 篇文章 2 订阅

订阅专栏

函数的第一种定义方式：使用 function 关键字来定义函数。

function 函数名(形参列表){

函数体;

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数的第一种定义方式</title>

    <script type="text/javascript">
        
        // 定义一个无参函数
        function f1() {
            alert("无参函数f1()被调用了！");
        }
        
        // 定义一个有参函数
        function f2(a, b) {
            alert("有参函数f2()被调用了！a = " + a + "，b = " + b);
        }
        f2(12, "abc");

        // 定义带有返回值的函数
        function f3(num1, num2) {
            var sum = num1 + num2;
            return sum;
        }
        alert(f3(1, 1));
        
    </script>

</head>
<body>

</body>
</html>

函数的第二种定义方式：

var 函数名 = funtion(形参列表){

函数体;

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数的第二种定义方式</title>

    <script type="text/javascript">

        var f1 = function () {
            alert("无参函数！");
        }

        var f2 = function (a, b) {
            alert("有参函数！");
        }
        
    </script>

</head>
<body>

</body>
</html>

注意：js中的函数不允许重载。因为在js中，函数的重载会覆盖掉上一次的定义。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js中的函数不允许重载</title>

    <script type="text/javascript">
        function f() {
            alert("无参函数！");
        }
        function f(a, b) {
            alert("有参函数！");
        }
        f();
    </script>

</head>
<body>

</body>
</html>

运行结果：