改变内容文字大小:

JavaScript 函数

通常情况下,函数是完成特定功能的一段代码。把一段完成特定功能的代码块放到一个函数里,以后就可以调用这个函数啦,这样就省去了重复输入大量代码的麻烦。

还记得我们上一节所使用的alert吗?其实它就是一个函数,我们就以它为例来看看函数的作用吧。如果没有alert这个函数,制作一个警告框可能需要如下工作:

  1. 在屏幕上显示一个小窗口
  2. 发出“咚”的提示音
  3. ……
  4. 将警告文字显示在窗口中
  5. 给出一个确定按钮
  6. ……

然后有了alert这个函数之后,你只需要写下面一行代码:

alert("警告文字");

正如上面所说的,一个函数的作用就是完成一项特定的任务。如果没有函数时,完成一项任务可能需要五行、十行、甚至更多的代码。每次需要完成这个任务的时候都重写一遍代码显然不是一个好主意。这是我们就可以编写一个函数来完成这个任务,以后只要调用这个函数就可以了。

简单的函数定义

定义一个函数

说了这么多,那么究竟如何定义一个函数呢?看看下面的格式:

function 函数名(){
函数代码;

}

把“函数名”替换为你想要的名字,把“代码”替换为完成特定功能的代码,函数就定义好了。了解了如何定义函数,我们就来自己编写一个实现两数相加的简单函数吧。

首先给函数起一个有意义的名字:“addTwoNum”?,好像太长了,还是叫add2吧。它的代码如下:

function add2(){
 sum = 1 + 1;
 alert(sum);

}

函数的调用

函数定义好了,如何调用呢?

其实可以通过很多种方法调用上面的函数,我们这里使用最简单的函数调用方式——按钮的点击事件,JavaScript事件会在后面介绍。试着点击下面的按钮调用定义好的函数:

“等等,你这是骗人啊,根本不是两书相加的函数啊,这个函数只能做1+1啊!”

带参数的函数

好吧,我承认我撒谎了,那个函数不能实现两数相加。其实,函数的定义应该是下面的格式:

function(参数1,参数2,参数3){
部分函数代码……
……
}

按照这个格式,我们的函数应该写成:

function add2(x,y){
 sum = x + y;
 alert(sum);
}

x和y则是我们函数的两个参数,调用函数的时候,我们就可以通过这两个参数把两个加数传递给函数了。例如,add2(3,4)会求3+4的和,add2(56,65)则会求出56和65的和。

“再等等!这函数没有用啊,你吧结果alert出来,我想对结果做些处理怎么办啊?”

带返回值的函数

好吧,我们把alert(sum)一行改成下面的代码:

return sum;

return后面的值叫做返回值。使用下面的语句调用函数就可以将这个返回值存储在变量中了。

result = add2(3,4);

该语句执行后,result变量中的值为7(3+4)。值得说明的是,我们的函数中,参数和返回值都是数字,其实它们也可以是字符串等其它类型。

  1. 上一节:JavaScript 弹出框
  2. JavaScript 函数
  3. 下一节:JavaScript For 循环

菜鸟的JavaScript笔记目录

  1. JavaScript笔记第0节
  2. 将JavaScript 插入网页的方法
  3. 插入JavaScript的位置
  4. JavaScript 语句
  5. JavaScript 注释
  6. JavaScript 变量
  7. JavaScript操作符(1)——运算操作符
  8. JavaScript操作符(2)——比较操作符和逻辑操作符
  9. JavaScript if else语句(如果,否则)
  10. JavaScript Switch语句
  11. JavaScript 弹出框
  12. JavaScript 函数
  13. JavaScript For 循环
  14. JavaScript While循环
  15. JavaScript Break 与 Continue
  16. JavaScript For...In循环
  17. JavaScript事件
  18. JavaScript 调试
  19. JavaScript 特殊字符
  20. JavaScript 指导准则
  21. JavaScript 笔记小结

本节笔记参考: