函数是javascript中想进阶必须用到的方法,我们先来讲解函数的声明与调用
函数声明的格式为:
<script type="text/javascript">
function move(){
var a='z';
alert(a);
}
</script>
此时我们便声明了一个名为 move的函数,这个函数的功能为:设置一个值为 'z' 的变量 a,并弹出a的值。但此时并没有代码调用这个函数,故运行此代码是没有结果的,所以我们写一个代码来调用此函数。
<script type="text/javascript">
function move(){
var a='z';
alert(a);
}
move();
</script>
我们在这个函数外写了一串 move() 的代码便可调用此函数,此时在运行代码便可看到弹出了a的值 z。
总结:声明函数格式为 function xxx (){} (xxx可理解为这个函数的名称),调用函数的格式为 xxx() (即在函数名加())
接下来便是函数的进阶:有参函数和无参函数
那么什么是参数呢?
<script type="text/javascript">
function move(aa){
alert(aa);
}
move(888);
</script>
此时的function move就是一个有参函数,其中move(aa)中的aa被称为形参,可理解为空有形状的参数,而move(888)中的888被称为实参,可理解为实际存在的参数。
运行此代码会弹出结果888,过程便是在调用函数move时,实参888被传到形参aa中,可理解过程为aa=888,之后再alert(aa),结果变为888。
存在形参和实参的,便是有参函数。
无参函数便是
<script type="text/javascript">
function move(){
var a='z';
alert(a);
}
move();
</script>
return的意义可理解为将值返回给函数,例如此代码中
<script type="text/javascript">
function sum(a,b){
var c=a+b;
}
alert(sum(5,7));
</script>
alert(sum(5,7))中sum(5,7)是先调用函数sum,之后讲实参5和7传给形参a,b。此时c的值就等于5+7=12,但由于函数只执行了运算c的值,所以alert函数sum并没有结果,运行函数的结果为undefined,但是我将其改进一下,增加一个return,变成这样:
<script type="text/javascript">
function sum(a,b){
var c=a+b;
return c;
}
alert(sum(5,7));
</script>
与上面函数不同之处为此函数计算好c的值之后,return c就将c的值返还给函数sum,然后alert(sum(5,7))结果就为12,
若return c改为return a,那么alert(sum(5,7))结果就为5。
谢谢观看