![JavaScript从入门到精通(第3版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/93/27738093/b_27738093.jpg)
4.2 函数的调用
函数定义后,并不会自动执行。要执行一个函数,需要在特定的位置调用该函数。调用函数需要创建调用语句,调用语句包含函数名称、参数具体值等。
4.2.1 函数的简单调用
函数的定义语句通常被放在HTML文件的<head>段中,而函数的调用语句通常被放在<body>段中。如果在函数定义之前调用函数,执行将会出错。
函数的定义及调用语法如下:
![](https://epubservercos.yuewen.com/23D367/15936052205027606/epubprivate/OEBPS/Images/Figure-P72_71488.jpg?sign=1739147939-z17fvOwcOXKLTBJzba1QHqRnptW1tIDB-0-ae2cc914a47b2d991da0e7a52c9e02b1)
参数说明:
functionName:函数的名称。
parameters:参数名称。
说明
函数的参数分为形式参数(简称“形参”)和实际参数(简称“实参”)。其中,形式参数为函数赋予的参数,代表函数的位置和类型,系统并不为形参分配相应的存储空间。调用函数时传递给函数的参数称为实际参数,实参通常在调用函数之前已经被分配了内存,并且赋予了实际的数据。在函数的执行过程中,实际参数参与了函数的运行。
【例4.1】 函数的简单应用。(实例位置:资源包\TM\sl\4\01)
本实例主要用于演示如何调用函数。运行结果如图4.1所示。
![](https://epubservercos.yuewen.com/23D367/15936052205027606/epubprivate/OEBPS/Images/Figure-P73_7232.jpg?sign=1739147939-MycB3r1dyjoYKoQmsDM1gKgFflrMAg7M-0-31425b03b2965fa670916e668fffc13c)
图4.1 函数的应用
代码如下:
![](https://epubservercos.yuewen.com/23D367/15936052205027606/epubprivate/OEBPS/Images/Figure-P73_71490.jpg?sign=1739147939-aAA9yLko8BNI9Ioi72QbtZbOoqOivo48-0-ef1bdb6081dbad44c773d2aec63a3549)
调用函数的语句将字符串“第一个JavaScript函数程序”“作者”“wsy”分别赋予变量statement 1、statement 2和statement 3。
4.2.2 在事件响应中调用函数
当用户单击某个按钮或选中某个复选框时将触发事件,编写程序对事件做出反应的行为称为响应事件。在JavaScript语言中,将函数与事件相关联,就完成了响应事件的过程。例如,当用户单击某个按钮时,执行相应的函数,代码如下:
![](https://epubservercos.yuewen.com/23D367/15936052205027606/epubprivate/OEBPS/Images/Figure-P74_71491.jpg?sign=1739147939-fKCII2ZIZbgFsM1CjHd4V3foevZuG1Mp-0-f0c234ef1090ddb74c391f2204c635d8)
在上述代码中,首先定义了一个名为test()的函数,函数体比较简单,使用alert()语句返回一个字符串,最后在按钮onclick事件中调用了test()函数。当用户单击“提交”按钮后,将弹出相应对话框。
4.2.3 通过超链接调用函数
函数除了可以在响应事件中被调用之外,还可以在超链接中被调用。在<a>标记中的href属性中使用“javascript:函数名()”格式来调用函数,当用户单击该超链接时,相关函数将被执行。下面的代码实现了通过超链接调用函数。
![](https://epubservercos.yuewen.com/23D367/15936052205027606/epubprivate/OEBPS/Images/Figure-P74_71492.jpg?sign=1739147939-hIk2t8xreWMmx9P0lQHsTaLix7zmtx5S-0-fa208c42b9d34784b35359b528e74229)