在 Web 前端开发中，经常会用到表情符号，但是手写表情符号的代码相对繁琐，有时也不太符合语法规范，并且还需要注意跨平台兼容性问题。这时，我们可以使用 npm 包 emojson 来帮助我们更简单、更方便地使用表情符号。
emojson 的安装和引入
使用 npm 安装 emojson：
--- ------- -------
使用 CommonJS 引入 emojson：
----- --- - -------------------
emojson 的简单使用
emojson 已经预置了一些常用的表情符号，使用它们非常简单：
----------------------- -- -- ----------------------- -- -- ------------------------ -- --
emojson 中的表情符号都是字符串类型，因此可以像普通字符串一样使用它们。图标的输出会根据平台不同而表现不同，例如在 Windows 上使用命令终端输出表情符号可能会出现乱码现象，但是在大多数时候，emojson 的输出表现都是正确的。
emojson 的高级使用
emojson 中不仅仅是直接输出字符串类型的表情符号，还可以将字符串转化为表情符号对应的 Unicode 编码。例如：
---------------------------------------- -- -----
需要注意的是，输出的结果是一个十六进制表示的 Unicode 编码，若需要展示为可识别的图标，还需要将编码转化为字符格式：
------------------------------------------- -- --
emojson 自定义表情符号
若要增加或修改 emojson 中的表情符号内容，需要改动 emojson 的代码，因为 emojson 并不能搜索其他的平台表情库。我们可以参考 emojson 源码，定义一些新的表情符号。例如，如果我们想要定义一个 “微笑” 表情符号：
----- --- - - ---------------------- ------ ------------------------------ --
这里使用扩展操作符将 emojson 的内容全部导入，然后再定义一个 “smile” 表情符号，并将 Unicode 编码转化为字符格式。这样，我们就可以直接使用 emo.smile 来输出这个表情符号了。
总结
emojson 提供了一种更方便、更快速的方式来使用表情符号，不仅可以输出字符串格式的表情符号，还可以转化为 Unicode 编码。同时，通过修改 emojson 的代码，我们还可以自定义一些表情符号。在编写前端页面时，与用户互动时，emojson 可以提高页面的交互性，降低开发难度，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066e1ea563576b7b1ecd5a