了解函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
<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>