搞定J2EE核心技术与企业应用
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

4.2 自定义函数

JavaScript的函数功能非常强大,在Ajax以前,开发人员一般只是使用它的简单功能;在Ajax出现后,开发人员可以看到,通过函数也可以实现面向对象的继承、多态等功能。本节只是简单地讲解函数的基本功能,在后面的章节中会讲解如何通过函数来实现面向对象的功能。

4.2.1 函数的定义

在使用函数之前,必须先定义,定义代码示例如下:

      function functionName(parameter1,parameter2...)  {
          statements;
          ...
      }

代码说明:

● 定义函数都要以function开头。

● 函数可以使用参数来传递数据,也可以不使用参数。

● 执行函数可以使用return语句返回确切的值,也可以不返回任何值。

4.2.2 函数的使用

在JavaScript中,函数的使用比较灵活,比如在函数定义中即使没有定义参数,在调用函数时也可以传递参数。一般情况下,函数都定义在HTML的文档头中,以保证先定义后使用。定义和使用函数的示例代码如下:

      <HTML>
      <HEAD>
      <TITLE>定义和使用函数的示例</TITLE>
      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
      <!--
      function HelloWorld()
      {
          for(i=0; i<arguments.length; i++)
      {
          alert(arguments[i]);//显示出传递的参数
      }
      }
      //-->
      </SCRIPT>
      </HEAD>
      <BODY>
      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
      <!--
      HelloWorld(“HelloWorld”);
      //-->
      </SCRIPT>
      </BODY>
      </HTML>

上述代码运行后的结果如图4.1所示。

图4.1 定义和使用函数的示例