JavaScript从入门到精通(第3版)
上QQ阅读APP看书,第一时间看更新

4.2 函数的调用

函数定义后,并不会自动执行。要执行一个函数,需要在特定的位置调用该函数。调用函数需要创建调用语句,调用语句包含函数名称、参数具体值等。

4.2.1 函数的简单调用

函数的定义语句通常被放在HTML文件的<head>段中,而函数的调用语句通常被放在<body>段中。如果在函数定义之前调用函数,执行将会出错。

函数的定义及调用语法如下:

参数说明:

functionName:函数的名称。

parameters:参数名称。

说明

函数的参数分为形式参数(简称“形参”)和实际参数(简称“实参”)。其中,形式参数为函数赋予的参数,代表函数的位置和类型,系统并不为形参分配相应的存储空间。调用函数时传递给函数的参数称为实际参数,实参通常在调用函数之前已经被分配了内存,并且赋予了实际的数据。在函数的执行过程中,实际参数参与了函数的运行。

【例4.1】 函数的简单应用。(实例位置:资源包\TM\sl\4\01)

本实例主要用于演示如何调用函数。运行结果如图4.1所示。

图4.1 函数的应用

代码如下:

调用函数的语句将字符串“第一个JavaScript函数程序”“作者”“wsy”分别赋予变量statement 1、statement 2和statement 3。

4.2.2 在事件响应中调用函数

当用户单击某个按钮或选中某个复选框时将触发事件,编写程序对事件做出反应的行为称为响应事件。在JavaScript语言中,将函数与事件相关联,就完成了响应事件的过程。例如,当用户单击某个按钮时,执行相应的函数,代码如下:

在上述代码中,首先定义了一个名为test()的函数,函数体比较简单,使用alert()语句返回一个字符串,最后在按钮onclick事件中调用了test()函数。当用户单击“提交”按钮后,将弹出相应对话框。

4.2.3 通过超链接调用函数

函数除了可以在响应事件中被调用之外,还可以在超链接中被调用。在<a>标记中的href属性中使用“javascript:函数名()”格式来调用函数,当用户单击该超链接时,相关函数将被执行。下面的代码实现了通过超链接调用函数。