Javascript 如何定义函数

151次阅读
一条评论

共计 1321 个字符,预计需要花费 4 分钟才能阅读完成。


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

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

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


正文完
 
评论(一条评论)