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数组，依次执行函数。