Javascript 如何定义函数

发布时间:2023年12月22日

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就是形参。我们在调用函数时,与形参对应的数据叫“实参。”其实“形参”和“实参”从名字上面来看就很好理解,所谓的形参就是“形同虚设”而到头来被其他数据替代掉的参数,实参就是实实在在的数据。

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

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

?

文章来源:https://blog.csdn.net/2301_78835635/article/details/134738275
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。