简介
deja_vous 是一个用于调试前端代码的 npm 包，它可以帮助开发者重现前端代码的事件序列，从而更加方便地定位代码中的 bug。
安装
npm install deja_vous --save
使用步骤
deja_vous 的使用步骤主要分为两个部分，分别是在代码中生成日志文件和在浏览器中重现调试。
在代码中生成日志文件
在需要进行调试的代码中引入 deja_vous 包，并使用它提供的 record 函数来生成日志文件。
-- -------------------- ---- ------- ------ - ------ - ---- ------------ -------- ------ -- - ------------- - --- ------ - - -- - ------ --- -------- --------------- ------------------ -- -------- ---------- ------------ -- ---- ------ ------ -- ---- ---- ------ -- ---- ----- --- --- -- ---- ------- -- -- ---- ---
其中，outputFilePath 参数用于指定日志文件的输出路径，eventName 参数用于指定事件的名称，start 参数用于指定事件的起始函数，end 参数用于指定事件的终止函数，args 参数用于指定函数调用时的参数，result 参数用于指定函数执行后的结果。
在浏览器中重现调试
在浏览器中引入 deja_vous 包，并使用它提供的 playback 函数来重现调试。
-- -------------------- ---- ------- ------ - -------- - ---- ------------ ---------- -------------- ------------------ -- -------- ---------- ------------ -- ---- ------ ------ -- ---- ---- ------ -- ---- ----- --- --- -- ---- ------- -- -- ---- ---
其中，inputFilePath 参数用于指定日志文件的输入路径，eventName 参数用于指定事件的名称，start 参数用于指定事件的起始函数，end 参数用于指定事件的终止函数，args 参数用于指定函数调用时的参数，result 参数用于指定函数执行后的结果。
示例代码
以下是一个简单的示例代码，它使用 deja_vous 包来调试一个加法函数。
-- -------------------- ---- -------
------ - ------- -------- - ---- ------------
-------- ------ -- -
------------- - ---
------ - - --
-
-------- --------- -
----- ------ - ------ ---
--------
--------------- ------------------
---------- ------------
------ ------
---- ------
----- --- ---
------- -------
---
----------
-------------- ------------------
---------- ------------
------ ------
---- ------
----- --- ---
------- -------
---
-
----------总结
通过使用 deja_vous 包，我们可以更加轻松地调试前端代码，从而提高开发效率和代码质量。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601481e8991b448de228