JS函数定义与调用-优快云博客

本文链接：https://blog.youkuaiyun.com/Rampage_w/article/details/99881878

本文深入解析JavaScript函数的核心概念，包括函数的定义、参数传递及调用方式，阐述了函数作为JS编程基石的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

** 函数是定义一次但却可以调用或执行任意多次的一段 JS 代码。**
一.（1）函数有时会有参数，即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值，这个值也成为函数调用表达式的值。

（2)函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。
二.（1）函数定义(声明)
function 函数名(){
函数体
}
（2）3.函数调用
函数名();
注意：函数调用放在定义的前后均可以

<script>
        function sub2()                     //定义函数
        {
            sub = 5 - 2;
            alert("5和2的差:" + sub);
        }
        sub2();

    </script>

在这里插入图片描述
函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。
函数调用分为两种情况
第一种情况:在<script>标签内调用。

<script>
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }
  add2();//调用函数，直接写函数名。
  <script>

第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html>
<head>
<script type="text/javascript">
   function add2()
   {
         sum = 5 + 6;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名
</form>
</body>
</html>

add2()函数不能实现任意指定两数相加。其实，定义函数还可以如下格式：
function 函数名(参数1,参数2) { 函数代码 }
注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。

function add2(x,y)
{
   sum = x + y;
   document.write(sum);
}

x和y则是函数的两个参数，调用函数的时候，我们可通过这两个参数把两个实际的加数传递给函数了。

js中的函数