函数

本课程目的:

  1. 理解javascript中函数的定义
  2. 能够使用javascript函数

函数的概念

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。通俗的说,函数是一组可以随时随地运行的语句。

定义函数

在前面表达式章节中介绍过:函数实际上是对象,每个函数都是 Function 类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上是一个指向函数对象的指针,因此可以用函数表达式定义函数:

1
2
3
var sum = myFunction(){
    alert("Hello World!");
}

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

1
2
3
function functionName(arg0, arg1, ... argN) {
  statements
}
1
2
3
function myFunction(){  //定义一个myFunction函数
    alert("Hello World!");   //函数要执行的代码块
}

对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,所以在实际中,它们还是会有差异的,具体表现在,当使用函数声明的形式来定义函数时,可将调用语句写在函数声明之前,而后者,这样做的话会报错。

调用函数

脚本中直接调用:

1
myFunction();

html代码中调用:

1
<button onclick="myFunction()">点击这里</button>

带变量参数的函数

myFunction(变量1,变量2);

1
<button onclick="myFunction(" bill="" gates','ceo')'="">点击这里</button>

函数的返回值

只需要使用 return 运算符后跟要返回的值即可。

1
2
3
4
5
function sum(iNum1, iNum2) {
  return iNum1 + iNum2;
}
var iResult = sum(1,1);
alert(iResult); //输出 "2"

上一节:数组的常用方法

下一节:Window 对象