class Event {
// 监听函数
static on(eventName, callback) {
if (!eventName) {
return
}
if (!this.handles) {
Object.defineProperty(this, "handles", {
value: {}, // 默认值是{}
enumerable: false, // 不可枚举
configurable: true, // 可以delete删除
writable: true // 可以修改
})
}
// 如果对象中没有这个名字，就创建一个数组，之后把名字和方法存在来
if (!this.handles[eventName]) {
this.handles[eventName] = []
}
// 把对应方法push到数组里
this.handles[eventName].push(callback)
}
// 触发函数
static emit(eventName) {
let nameAry = this.handles[eventName]
// 处理对象里存在这个名字的数组，就把数组的方法执行了
if (nameAry instanceof Array) {
for (let i = 0; i < nameAry.length; i++) {
nameAry[i]()
}
}
}
// 解绑函数
static off(eventName) {
let nameAry = this.handles[eventName]
if (nameAry instanceof Array) {
this.handles[eventName] = null
}
}
}
Event.on('oufuhua', function () {
console.log('哈哈哈')
})
Event.on('oufuhua', function () {
console.log('我叫oufuhua')
})
// Event.off('oufuhua')
Event.emit('oufuhua')
js自定义事件
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 让我万万没想到的是,原来《JavaScript高级程序设计(第3版)》里面提到的方法已经是过时的了.后来我查看了M...
