[toc]
## JS函數
>#### 1. 函數:
函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。
例: 實現10組數字的和
```
function demo(a, b){
var sum = a + b;
return sum;
var v1 = demo(10, 20);
alert(v1); //30
```
>#### 2. 定義函數
1. 定義函數:
```
function 函數名(){
函數體; (代碼塊)
}
```
2. 注意:
JavaScript對大小寫十分敏感,所以這里的functino必須小寫。在函數調用時必須按照函數的相同名稱來調用函數
>#### 3. 函數調用
1. 函數調用:
函數在定義好之后,不能自動執行,需要進行調用
2. 調用方式:
在`<script>`標簽內調用
在HTML文件中調用
>#### 4. 帶參數的函數
1. 函數參數:
在函數的調用中,也可以傳遞值,這些被稱為參數
例: demo(arg1, arg2);
2. 參數的個數可以為任意多,每個參數通過","隔開
3. 注意:參數在傳遞時,其順序必須一致
4. 參數意義:通過傳遞參數的個數以及參數的類型不同完成不同的功能
>#### 5. 帶返回值的函數
有時,我們需要將函數的值返回給調用他的地方
通過return語句就可以實現
注意:在使用return語句時,函數會停止執行,同時返回值
>#### 6. 局部變量和全局變量
var n = 10; m = 10; //全局變量 任何地方都可以使用
fuction demo() {
var i = 10; //局部變量 在本函數中定義, 在該函數被使用到時才生效
x = 10; //全局變量 但當本函數被調用后,才可以在任何地方使用
demo();
alert(i); //無法打印
alert(x); //輸出為10
}
- H5筆記
- 1. Htm5與Html4的區別
- 2. Html5新增的主體結構元素
- 3. Html5新增的非主體結構元素
- 4. Html5表單新增元素與屬性
- JavaScript筆記
- 1.函數
- 2. 異常處理和事件處理
- 3. DOM對象
- 4. 事件詳解
- 5. 內置對象
- 6. DOM對象控制HTML元素詳解
- 7. 瀏覽器對象
- 8. 面向對象詳解
- jQuery筆記
- 1. jQuery簡介和語法
- 2. jQuery選擇器和事件
- 3. jQuery效果之隱藏與顯示、淡入淡出、滑動、回調
- 4. jQuery HTML之捕獲、設置、元素添加、元素刪除
- 5. jQuery CSS操作及jQuery的盒子模型
- 6. jQuery之遍歷與元素的過濾