#復雜組件開發之自定義事件

自定義事件:主要是跟函數有關系,就是讓函數能夠具備事件的某些特性
函數不利于多人協作開發
```
function show() {
alert(1);
alert(2);
alert(3);
}
```
把函數拆開也不能解決多人協作的問題,因為后面的函數會覆蓋前面的函數
```
function show(){
alert(1);
}
function show(){
alert(2);
}
// 后面的函數會覆蓋前面的
function show(){
alert(3);
}
show();
```
自定義事件有利于多人協作開發
```
window.addEventListener('show', function () {
alert(1);
}, false);
window.addEventListener('show', function () {
alert(2);
}, false);
// 自定義事件不會覆蓋前面的
window.addEventListener('show', function () {
alert(3);
}, false);
show(); // 主動觸發自定義事件
```
上面代碼只是用來說明自定義事件有利于多人協作開發,運行會報錯
- 01 JS面向對象及組件開發
- 02 傳統的過程式編寫選項卡
- 03 用面向對象封裝通用選項卡
- 04 控制多個選項卡自動播放
- 05 用面向對象編寫拖拽
- 06 JS面向對象及組件開發
- 07 hasOwnProperty和constructor的使用
- 08 instanceof運算符的使用
- 09 利用toString做類型判斷
- 10 什么是面向對象的繼承
- 11 面向對象之拷貝繼承
- 12 編寫繼承的拖拽
- 13 繼承的其他形式之類式繼承
- 14 繼承的其他形式之原型繼承
- 15 組件開發是什么
- 16 給拖拽組件配置不同參數
- 17 封裝彈框組件
- 18 使用對象標記已彈出彈框
- 19 復雜組件開發之自定義事件
- 20 原生JS實現自定義事件
- 21 自定義事件實例
- 22 基于JQ的選項卡組件開發