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>
  4. <script type="text/javascript">
  5. function sayHi(sName, sMessage) {
  6.   alert("Hello " + sName + sMessage);
  7. }
  8. sayHi("David", " Nice to meet you!");
  9. </script>
  11. </body>
  12. </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。