js怎么自定义事件，并能让用on事件监听？

Question

在视频播放的时候，能够用on监听事件的触发,如下：player.on('pause',function(){    console.log('视频暂停')；})player.on('ended',function(){    console.log('视频结束')})这个是什么原理，怎么自定义类似pause、ended的事件，并能够用on监听？麻烦指教

Answer 1

相当于来说你要维护一个事件队列。

player对象大概有这么些属性

{

    on: func(key, callback),

    emit: func(key),

    events: object

}

events是一个对象，数据结构如下：

{

    pause: [func, func]

}

调用on函数时，把event的key以及callback添加到events中。

调用emit函数表示相应事件触发，根据相应的key从events中获取相应的callback数组，依次执行函数。