- 了解函數(shù)
- 定義函數(shù)
- 函數(shù)調(diào)用
- 帶參數(shù)的函數(shù)
- 帶返回值的函數(shù)
了解函數(shù)
函數(shù)：函數(shù)是由事件的驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊
例：實(shí)現(xiàn)10組數(shù)字的和
<script>
function demo(a,b) {
var sum = a+b;
return sum;
}
var vl = demo(30,20);
alert(vl);
</script>
定義函數(shù)
1.定義函數(shù)
function 函數(shù)名(){
函數(shù)體：（代碼庫）
}
2.注意：JavaScript對大小寫十分敏感，所以這里function必須小寫。在函數(shù)調(diào)用時(shí)，必須按照函數(shù)的相同名稱來調(diào)用函數(shù)。
<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>
調(diào)用函數(shù)
1.函數(shù)調(diào)用：函數(shù)在定義好之后，不能自動(dòng)執(zhí)行，需要進(jìn)行調(diào)用
2.調(diào)用方式：
- 在<script>標(biāo)簽內(nèi)調(diào)用
- 在HTML文件中調(diào)用
<body>
<script>
function demo() {
var a= 10;
var b = 20;
var sum = a+b;
alert(sum);
}
demo();//調(diào)用函數(shù)，在script標(biāo)簽中調(diào)用
</script> //在HTML中調(diào)用
<form>
<input type="button" value="按鈕" onclick="demo()">
</form>
帶參數(shù)的函數(shù)
函數(shù)參數(shù)：在函數(shù)的調(diào)用中，也可以傳遞值，這些值被稱為參數(shù)
例子：demo(arg1,arg2);
參數(shù)的可以是任意多，每個(gè)參數(shù)通過","隔開，參數(shù)在傳遞時(shí)，其順序必須一致
參數(shù)意義：通過傳遞參數(shù)的個(gè)數(shù)以及參數(shù)的類型完成不同的功能
<script>
function demo(name,age) {
alert("Hello：" +name+",我的年齡是："+age);
}
</script>
<form>
<input type="button" value="按鈕" onclick="demo('nidaye',20)">
</form>
帶返回值的函數(shù)
有時(shí)候我們需要把函數(shù)的值返回給調(diào)用他的地方，通過return就可以實(shí)現(xiàn)
注意：在使用return語句之后，函數(shù)會停止執(zhí)行，同時(shí)返回值
<script>
function demo() {
return "hell0";
}
var vl = demo()+":iwen";
alert(vl);
</script>
局部變量與全局變量
函數(shù)中的全局變量必須等函數(shù)執(zhí)行過后才會生效
<script>
var n =10;//全局變量， 任何地方都可以使用
m = 10; //全局變量
function demo() {
var i =10;//局部變量，只能在當(dāng)前函數(shù)中使用
x = 10;//全局變量
}
demo()
alert(10);
</script>
