Javascript 如何定义函数

使用JavaScript函数，必须有2步：

（1）定义函数；
（2）调用函数；

这一节，我们先来看看函数定义是怎样的。

JS函数的定义

在JavaScript中，使用函数前，必须用function关键字来定义函数。

函数常用方式有2种：

（1）不指定函数名的函数；

（2）指定函数名的函数；

1、不指定函数名的函数

函数，就是语句的集体，即语句块。

语法：

function(参数1,参数2,….,参数n)
{
    //函数体语句
}

说明：定义函数必须使用function关键字。

下面我们先看一个例子，来接触一下函数是怎样的一回事。

举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //定义函数
        var myFunction=function()
        {
            document.write("这是一个没有函数名的函数！");
        }
        //调用函数
        myFunction();
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

Javascript 函数的定义

注意，如果我们只定义函数，并没有调用函数，则函数本身是不会执行的。我们在“在线测试”中把调用函数的代码去掉（也就是去掉“myFunction();”），看看是否有输出？

2、指定函数名的函数

“指定函数名的函数”是JavaScript中使用最广泛的方法，反而“不指定函数名的函数”用得比较少。

语法：

function 函数名(参数1,参数2,….,参数n)
{
    //函数体语句
    return 表达式;
}

说明：定义函数必须使用function关键字。

函数名必须是唯一的，尽量通俗易懂，并且跟你定义的代码有关。

函数可以使用return语句将某个值返回，也可以没有返回值。

参数是可选的，可以不带参数，也可以带多个参数。如果是多个参数的话，参数之间要用英文逗号隔开。

举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //定义函数
        function addNum(a,b)
        {
            var m=a+b;
            return m;
        }
        //调用函数
        var sum=addNum(1,2);
        document.write("相加的结果是："+sum);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

Javascript 函数的定义

分析：我们仔细看看上面的代码，然后给大家讲解一下什么叫“形参”和“实参”。我们在定义函数的时候用到的参数，那就叫“形参”，例如上面的a和b就是形参。我们在调用函数时，与形参对应的数据叫“实参。”其实“形参”和“实参”从名字上面来看就很好理解，所谓的形参就是“形同虚设”而到头来被其他数据替代掉的参数，实参就是实实在在的数据。

使用形参和实参，需要注意形参和实参是一一对应的。通常，在定义函数时使用了多少形参，那么在函数调用时也必须给出多少个参数。

一句话：定义函数时的参数叫“形参”，调用函数时的参数叫“实参”。