ECMAScript 函数概述

什么是函数?

函数是一组可以随时随地运行的语句。

函数是 ECMAScript 的核心。

函数是由这样的方式进行声明的:关键字 function、函数名、一组参数,以及置于括号中的待执行代码。

函数的基本语法是这样的:

  1. function functionName(arg0, arg1, ... argN) {
  2. statements
  3. }

例如:

  1. function sayHi(sName, sMessage) {
  2. alert("Hello " + sName + sMessage);
  3. }

如何调用函数?

函数可以通过其名字加上括号中的参数进行调用,如果有多个参数。

如果您想调用上例中的那个函数,可以使用如下的代码:

  1. sayHi("David", " Nice to meet you!")

调用上面的函数 sayHi() 会生成一个警告窗口。

实例

  1. <html>
  2. <body>
  3. <script type="text/javascript">
  4. function sayHi(sName, sMessage) {
  5. alert("Hello " + sName + sMessage);
  6. }
  7. sayHi("David", " Nice to meet you!");
  8. </script>
  9. </body>
  10. </html>

函数如何返回值?

函数 sayHi() 未返回值,不过不必专门声明它(像在 Java 中使用 void 那样)。

即使函数确实有值,也不必明确地声明它。该函数只需要使用 return 运算符后跟要返回的值即可。

  1. function sum(iNum1, iNum2) {
  2. return iNum1 + iNum2;
  3. }

下面的代码把 sum 函数返回的值赋予一个变量:

  1. var iResult = sum(1,1);
  2. alert(iResult); //输出 "2"

另一个重要概念是,与在 Java 中一样,函数在执行过 return 语句后立即停止代码。因此,return 语句后的代码都不会被执行。

例如,在下面的代码中,alert 窗口就不会显示出来:

  1. function sum(iNum1, iNum2) {
  2. return iNum1 + iNum2;
  3. alert(iNum1 + iNum2);
  4. }

一个函数中可以有多个 return 语句,如下所示:

  1. function diff(iNum1, iNum2) {
  2. if (iNum1 > iNum2) {
  3. return iNum1 - iNum2;
  4. } else {
  5. return iNum2 - iNum1;
  6. }
  7. }

上面的函数用于返回两个数的差。要实现这一点,必须用较大的数减去较小的数,因此用 if 语句决定执行哪个 return 语句。

如果函数无返回值,那么可以调用没有参数的 return 运算符,随时退出函数。

例如:

  1. function sayHi(sMessage) {
  2. if (sMessage == "bye") {
  3. return;
  4. }
  5.  
  6. alert(sMessage);
  7. }

这段代码中,如果 sMessage 等于 "bye",就永远不显示警告框。

注释:如果函数无明确的返回值,或调用了没有参数的 return 语句,那么它真正返回的值是 undefined。