js调用函数

原创于 2022-05-06 09:38:00 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

本文详细介绍了JavaScript中函数的调用方式，包括不带参数、带参数以及有返回值的函数。通过实例展示了如何在事件触发时调用函数，以及如何传递和接收参数。理解这些基础概念对于JavaScript编程至关重要。

调用不带参数的函数

<script>
function myFunction()
{
    alert("Hello World!");
}
</script>

<button onclick="myFunction()">点我</button>

可以在某事件发生时直接调用。

调用带参数的函数

 <button onclick="myFunction('Harry Poter','Wizard')">点击</button>

    <script>
        function myFunction(name,job){
            alert("welcome "+name+", the "+job);
        }
    </script>

其返回值在script外部，在调用时直接给它赋上值

调用有返回值的函数

 <p class="demo"></p>
    <script src="带返回值的函数.js"></script>

function myFunction(a,b){
    return a*b;
}
document.getElementsByClassName("demo")[0].innerHTML=myFunction(4,3);

函数将值返回调用它的地方，使用return语句来实现。