JS函数
一、什么是函数
函数:把完成特定功能的代码放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦
函数的作用:写一次代码,然后反复地重用这个代码
Eg:
求多组数的和,不使用函数
{
var sum;
sum = 3+2;
alert(sum);
sum = 7+8;
alert(sum);
.... //不停重复两行代码
}
使用函数
function add2(a,b){
sum = a+b;
alert(sum);
}//只需要写一次
add2(3,2);
add2(7,8);
.... //只需调用函数
二、定义函数
格式:
function 函数名()
{
函数体;
}
function:定义函数的关键字
“函数名”:自己为函数取的名字
“函数体”:替换完成特定功能的代码
调用:
函数定义好后,需要调用才能执行,调用方式直接在需要的位置写函数名。
1、在<script>标签内调用
<script type="text/javascript">
function add2()
{
sum = 1+1;
alert(sum);
}
add2(); //调用函数,直接写函数名
</script>
2、在HTML文件中调用,如通过点击按钮后调用定义好的函数。
<html>
<head>
<script type="text/javascript">
function add2()
{
sum = 5+6;
alert(sum);
}
</script>
</head>
<body>
<from>
<input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件,直接写函数名
</from>
</body>
</html>
三、有参数的函数
格式:
function 函数名(参数1,参数2)
{
函数代码
}
注:参数可以多个,根据需要增减参数个数。参数之间用逗号隔开
Eg:用函数实现任意两个数的和应该写成
function add2(x, y)
{
sum = x+y;
document.write(sum);
}
x和y则是函数的两个参数,调用函数的时候,可以通过这两个参数把实际的加数传递给函数。
如:add2(2, 3)则会求2+3的和。
返回值的函数
function add2(x, y)
{
sum =x+y;
return sum;//返回函数值,return后面的值叫做返回值
}
通过变量存储调用函数的返回值
result = add2(3, 4); //语句执行后, result变量中的值为7
注:
函数中参数和返回值不只是数字,还可以是字符串的其它类型