簡評：只知道 console.log ？是時刻提拔一下對 console 的認知了。

JavaScript console 是當代瀏覽器的一種內置功用，它許可開闢者：

• 檢察網頁上的毛病和正告日記。
• 運用 JavaScript 敕令與網頁舉行交互。
• 調試應用程序並直接在瀏覽器中遍歷 DOM。
• 搜檢和剖析收集運動。

基本上，你能夠運用它來治理和監控 JavaScript 在瀏覽器中準確運轉。

Console.log, Console.error, Console.warn 和 http://Console.info

log( ) / error( ) / warn( ) 和 info( ) 是最經常使用的要領，你能夠將多個參數傳遞給這些要領（輸出會運用空格分開開來）。

Console.group

這個要領許可你對一些列 console.logs （error 和 info 同理）分組在一個能夠摺疊的組中,

用法異常簡樸，只須要將 console.log 安排 console.group 和 console.groupEnd 中即可。

輸出以下：

Console.table

運用 console.log 來顯現一個 JSON 或許一個異常大的 JSON 數組的時刻不便於瀏覽，這時刻能夠運用 console.table 來顯現效果會更好。

輸出效果：

Console.count, Console.time 和 Console.timeEnd

console.time 和 console.timeEnd 能夠輕易的檢察代碼段消耗的時候。console.count 能夠用於紀錄代碼實行的次數：

輸出以下：

Console.trace 和 Console.assert

這個要領會在被挪用的處所打印客棧信息，比方：你正在建立一個 JS 庫，而且想通知用戶毛病發生的處所。

效果輸出以下：

臨盆環境中刪除一切 Consoles

我們每每在開闢環境才須要運用 console，並願望在臨盆環境去除這部分內容。這時刻能夠運用 uglifyjs-webpack-plugin 刪除臨盆環境不想不留的 consoles。

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
var debug = process.env.NODE_ENV !== "production";

.....
optimization: {
        minimizer: !debug ? [
            new UglifyJsPlugin({
                // Compression specific options
                uglifyOptions: {
                    // Eliminate comments
                    comments: false,
                    compress: {
                       // remove warnings
                       warnings: false,
                       // Drop console statements
                       drop_console: true
                    },
                }
           })] : []
}

原文：
How you can improve your workflow using the JavaScript console