前言
在前端开发中，我们常常需要与服务器进行数据交互。而其中一种常见的方式就是使用事件源（EventSource）。EventSource 是一种 JS API，它提供了从服务器到浏览器的单向连接，将服务器推送的事件发送到客户端。
然而，由于浏览器的兼容性问题，EventSource 并不能在所有浏览器中使用。因此，我们需要使用一些 polyfill 或者 shim 在不支持 EventSource 的浏览器上实现它的功能。其中，@m5r/eventsource-polyfill 是一款优秀的 polyfill，本文将介绍它的使用方法。
安装
使用 npm 可以很方便地安装 @m5r/eventsource-polyfill，可以在命令行中使用以下命令进行安装：
npm install @m5r/eventsource-polyfill
安装完成后，我们就可以在项目中引入它了。
引入
在项目中引入 @m5r/eventsource-polyfill 也非常简单，可以使用以下代码：
import EventSourcePolyfill from '@m5r/eventsource-polyfill';
引入成功后，我们就可以在浏览器中使用 EventSource 了，即使浏览器不原生支持它。
使用
@M5r/eventsource-polyfill 与原生的 EventSource 使用方式基本相同，不同之处在于它多了一个构造函数参数。下面是一份使用示例代码：
-- -------------------- ---- -------
----- ----------- - --- --------------------
------- -- -----
-
-------- -
-------------- ------- -------- -- -------
--
----------------- ----- -- -------
------- -- -- -
------------------------ -- ---------
-- -- --- ----
-
--
-- ----
------------------------------------ ------- -- -
------------------------
---从示例代码可以看出，@M5r/eventsource-polyfill 可以接收一些参数来配置 EventSource：
headers：请求头信息heartbeatTimeout：心跳包超时时间logger：log 回调函数
此外，我们可以使用注册方式来监听事件：
eventSource.on('ping', (event) => {
console.log(event.data);
});注意，在使用完 EventSource 后，需要手动关闭它：
eventSource.close();
结尾
@M5r/eventsource-polyfill 是一款非常优秀的 polyfill，可以使得浏览器支持 EventSource，从而实现服务器推送数据到客户端的功能。使用它非常简单，只需要安装、引入、使用即可。希望读者们能够从这篇文章中学到一些新的知识，并且成功使用 @M5r/eventsource-polyfill 实现自己的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf381e8991b448e6a61