Javascript 如何定义函数

素颜马尾好姑娘i 2024-02-17 13:06 5阅读 0赞

## Javascript 如何定义函数 ##

**目录**

Javascript 如何定义函数

JS函数的定义

1、不指定函数名的函数

2、指定函数名的函数

--------------------

使用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>

在浏览器预览效果如下：

![5e919763616263709fecab17bdcad17d.png][]

注意，如果我们只定义函数，并没有调用函数，则函数本身是不会执行的。我们在“在线测试”中把调用函数的代码去掉（也就是去掉“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>

在浏览器预览效果如下：

![5eb5195afd945d50f9d6d079e716b943.png][]

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

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

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

[5e919763616263709fecab17bdcad17d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/08fc156090e04d048daeb88c3c86e83d.png
[5eb5195afd945d50f9d6d079e716b943.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/d9918c9fed6e42f289e09bc1bee834ff.png