JavaScript函数
了解函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
<script>
function demo(a,b){
var sum=a+b;
return sum;
}
var v1=demo(20,10);
alert(v1);
</script>
定义函数
1.function 函数名(){
函数体; (代码块)
}
2.注意:
JavaScript对大小写十分敏感,所以这里的function必须小写。在函数调用时,也必须按照函数的相同名称来调用函数。
<script>
function demo(){
var a=10;
var b=10;
var sum=a+b;
alert(sum);
}
demo();
</script>
函数调用
函数在定义好之后,不能自动执行,需要进行调用
调用的方式:在<script>标签内调用 , 在HTML文件中调用
<script>
function demo(){
var a=10;
var b=20;
var sum=a+b;
alert(sum);
}
</script>
<button onclick="demo()">按钮</button>
带参数的函数
1.函数参数,在函数的调用中,也可以传递值,这些值被称为参数
例:demo(arg1,arg2);
2.参数的个数可以为任意多,每个参数通过“,”隔开
3.参数在传递时,其顺序必须一致
4.参数意义:通过传递参数的个数以及参数的类型不同完成不同的功能。
带返回值的函数
返回值
有时,我们需要将函数的值返回给调用他的地方
通过return语句就可以实现
注意:在使用return语句时,函数会停止执行,同时返回值
<script>
function demo(){
return "hello";
}
var vl1=demo()+":iwen";
var vl2=demo()+":ime";
alert(vl1);
alert(vl2);
</script>
<p id="pid"></p>
<script>
function demo(a,b){
if(a>b){
return "a比较大";
}else{
return "b比较大";
}
}
document.getElementById("pid");
</script>
JavaScript的局部变量和全局变量
全局变量任何地方都可以使用
局部变量只能在当前函数内使用
<script>
var n=10; //全局变量,任何地方都可以使用
m=10; //全局变量
function demo(){
var i=10; //局部变量,只能在当前函数中使用
x=10; //全局变量, 任何地方都可以使用,但是只有当函数调用之后才起作用
alert(i);
}
demo();
</script>