JavaScript 函数
通常情况下,函数是完成特定功能的一段代码。把一段完成特定功能的代码块放到一个函数里,以后就可以调用这个函数啦,这样就省去了重复输入大量代码的麻烦。
还记得我们上一节所使用的alert吗?其实它就是一个函数,我们就以它为例来看看函数的作用吧。如果没有alert这个函数,制作一个警告框可能需要如下工作:
- 在屏幕上显示一个小窗口
- 发出“咚”的提示音
- ……
- 将警告文字显示在窗口中
- 给出一个确定按钮
- ……
然后有了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)。值得说明的是,我们的函数中,参数和返回值都是数字,其实它们也可以是字符串等其它类型。
- 上一节:JavaScript 弹出框
- JavaScript 函数
- 下一节:JavaScript For 循环
菜鸟的JavaScript笔记目录
- JavaScript笔记第0节
- 将JavaScript 插入网页的方法
- 插入JavaScript的位置
- JavaScript 语句
- JavaScript 注释
- JavaScript 变量
- JavaScript操作符(1)——运算操作符
- JavaScript操作符(2)——比较操作符和逻辑操作符
- JavaScript if else语句(如果,否则)
- JavaScript Switch语句
- JavaScript 弹出框
- JavaScript 函数
- JavaScript For 循环
- JavaScript While循环
- JavaScript Break 与 Continue
- JavaScript For...In循环
- JavaScript事件
- JavaScript 调试
- JavaScript 特殊字符
- JavaScript 指导准则
- JavaScript 笔记小结
