js日志管理-log4javascript學習小結

有用功能點：

1. 可以分級別顯示日志信息
2. 可以控制顯示級別
3. 可以設置appender，設置顯示在控制台還是發送服務端
4. 控制台單獨於web頁面，方便調試查看
5. 可以分組顯示信息。logger.setGroup("name"),logger.groupEnd()

如何使用？

首先下載log4javascript包。

在頁面引入js

<script src="../js/RequireConfig.js"></script>
<script type="text/javascript" src="../jslib/log4javascript.js"></script>
<script src="../jslib/require.js" defer async="true" data-main="../js/index.js"></script>

使用方法

function test(){
 
    require(["../jslib/LogHelper"],function(p_logHelper){
    
        p_logHelper.logger.group("test");
        p_logHelper.info("test loginfo-info",g_jsPath);
        p_logHelper.fatal("test loginfo-fatal",g_jsPath);
        p_logHelper.debug("test loginfo-debug",g_jsPath);
        p_logHelper.warn("test loginfo-warn",g_jsPath);
        p_logHelper.error("test loginfo-error",g_jsPath);
        p_logHelper.trace("test loginfo-trace",g_jsPath);
        p_logHelper.logger.groupEnd();
    });
};

效果

配置

可以配置是否顯示日志和顯示的日志級別

/**配置項 */
const g_logConfig={
    isEnabled:true,
    level:log4javascript.Level.ERROR/*log4javascript.Level.ALL|TRACE|DEBUG|INFO|WARN|ERROR|FATAL|OFF*/
};

注意：

ajaxAppender，還沒有研究，將來部署完畢后很有用，目前可滿足開發使用。