函数
本课程目的:
- 理解javascript中函数的定义
- 能够使用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" |