- 了解函数
- 定义函数
- 函数调用
- 带参数的函数
- 带返回值的函数
了解函数
函数：函数是由事件的驱动的或者当它被调用时执行的可重复使用的代码块
例：实现10组数字的和
<script>
function demo(a,b) {
var sum = a+b;
return sum;
}
var vl = demo(30,20);
alert(vl);
</script>
定义函数
1.定义函数
function 函数名(){
函数体：（代码库）
}
2.注意：JavaScript对大小写十分敏感，所以这里function必须小写。在函数调用时，必须按照函数的相同名称来调用函数。
<script>
function demo() {
var a = 10;
var b= 10;
sum = a+b;
alert(sum);
}
demo();
function tell() {
var n = 10;
var m =10;
var vl = n * m;
alert(vl);
}
tell();
</script>
调用函数
1.函数调用：函数在定义好之后，不能自动执行，需要进行调用
2.调用方式：
- 在<script>标签内调用
- 在HTML文件中调用
<body>
<script>
function demo() {
var a= 10;
var b = 20;
var sum = a+b;
alert(sum);
}
demo();//调用函数，在script标签中调用
</script> //在HTML中调用
<form>
<input type="button" value="按钮" onclick="demo()">
</form>
带参数的函数
函数参数：在函数的调用中，也可以传递值，这些值被称为参数
例子：demo(arg1,arg2);
参数的可以是任意多，每个参数通过","隔开，参数在传递时，其顺序必须一致
参数意义：通过传递参数的个数以及参数的类型完成不同的功能
<script>
function demo(name,age) {
alert("Hello：" +name+",我的年龄是："+age);
}
</script>
<form>
<input type="button" value="按钮" onclick="demo('nidaye',20)">
</form>
带返回值的函数
有时候我们需要把函数的值返回给调用他的地方，通过return就可以实现
注意：在使用return语句之后，函数会停止执行，同时返回值
<script>
function demo() {
return "hell0";
}
var vl = demo()+":iwen";
alert(vl);
</script>
局部变量与全局变量
函数中的全局变量必须等函数执行过后才会生效
<script>
var n =10;//全局变量， 任何地方都可以使用
m = 10; //全局变量
function demo() {
var i =10;//局部变量，只能在当前函数中使用
x = 10;//全局变量
}
demo()
alert(10);
</script>
