JavaScript-函数

最新推荐文章于 2024-10-07 09:24:46 发布

iMazy

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量386

点赞数

分类专栏： JavaScript 文章标签： javascript 函数 function

本文链接：https://blog.csdn.net/Mazy_ma/article/details/51908678

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块；
函数就是包裹在花括号中的代码块，前面使用了关键词 function：可由 JavaScript 在任何位置进行调用；
JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

定义函数

1、无参函数

    // 无参函数
    function myFunction() {
        alert("Hello World!");
    }
    // 调用函数
    myFunction();
    // 或者通过按钮的点击调用
    // <button onclick="myFunction()">点击这里</button>

2、有参函数

调用函数时，您可以向其传递值，这些值被称为参数。
可以发送任意多的参数，由逗号 ( , ) 分隔

    // 带参数的函数、
    function method(var1,var2) {
        // 这里是要执行的代码
    }
    // 调用函数
    method(10,20);

3、有返回值的函数

通过使用 return 语句就可以实现

    // 带有返回值的函数
    function returnFunction(var1,var2) {
        return var1 + var2;
    }
    // 调用函数并 接收方法返回的值
    var sums = returnFunction(10,20);
    // alert(sums);

补充：按钮的点击方法调用

方式一：

<body>
    <button type="button" onclick="alertFunction()">点击调用函数</button>

    <script>
        function alertFunction() {
            alert('Hello world');
        }
    </script>
</body>

方式二：

<body>
    <button id="btn" type="button">点击这里</button>

    <script>
        // 通过Id获取到button这个元素
        var button = document.getElementById('btn');
        // 给button 的点击事件添加方法
        button.onclick = function(){
            alert('Welcome!!!');
        }
    </script>
</body>