- 了解函數(shù)
- 定義函數(shù)
- 函數(shù)調用
- 帶參數(shù)的函數(shù)
- 帶返回值的函數(shù)
了解函數(shù)
函數(shù)：函數(shù)是由事件的驅動的或者當它被調用時執(zhí)行的可重復使用的代碼塊
例：實現(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ù)調用時，必須按照函數(shù)的相同名稱來調用函數(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>
調用函數(shù)
1.函數(shù)調用：函數(shù)在定義好之后，不能自動執(zhí)行，需要進行調用
2.調用方式：
- 在<script>標簽內調用
- 在HTML文件中調用
<body>
<script>
function demo() {
var a= 10;
var b = 20;
var sum = a+b;
alert(sum);
}
demo();//調用函數(shù)，在script標簽中調用
</script> //在HTML中調用
<form>
<input type="button" value="按鈕" onclick="demo()">
</form>
帶參數(shù)的函數(shù)
函數(shù)參數(shù)：在函數(shù)的調用中，也可以傳遞值，這些值被稱為參數(shù)
例子：demo(arg1,arg2);
參數(shù)的可以是任意多，每個參數(shù)通過","隔開，參數(shù)在傳遞時，其順序必須一致
參數(shù)意義：通過傳遞參數(shù)的個數(shù)以及參數(shù)的類型完成不同的功能
<script>
function demo(name,age) {
alert("Hello：" +name+",我的年齡是："+age);
}
</script>
<form>
<input type="button" value="按鈕" onclick="demo('nidaye',20)">
</form>
帶返回值的函數(shù)
有時候我們需要把函數(shù)的值返回給調用他的地方，通過return就可以實現(xiàn)
注意：在使用return語句之后，函數(shù)會停止執(zhí)行，同時返回值
<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;//局部變量，只能在當前函數(shù)中使用
x = 10;//全局變量
}
demo()
alert(10);
</script>
