對console.log的一種封裝

shmily 發布于2019-08-23 15:05 / 3413人閱讀

摘要：對于一個特別喜歡用來調試代碼的人來說，的一些坑和的詳細用法確實是一件值得深究的事。解決方法改變習慣，以后用斷點的方式調試。解決方法使用把對象變成字符串打印本文主要針對問題提供了一個解決方案。

對于一個特別喜歡用console.log來調試代碼的人來說，console.log的一些坑和console.log的詳細用法確實是一件值得深究的事。

先記錄一下console.log的一些坑：
1.對于引用對象，比如Array和Object，打印出來的內容可能是當前在內存里的內容，而不是打印的那個時刻的內容
2.對于一個大型項目而言，如果console.log過多，管理滿屏的console.log是一件很恐怖的事，因為你很可能找不到想要的信息

針對問題1，如果你還是要用console.log來debug，那么這是不可避免的。
解決方法1：改變習慣，以后用斷點的方式調試。
解決方法2：使用JSON.stringify把對象變成字符串打印

本文主要針對【問題2】提供了一個解決方案。代碼如下

let consoleVersion = [1000, 1001];

let emptyFunc = function(){}

let _log = function(version){
    if(consoleVersion.includes(version)){
        return console.log;
    }else{
        return emptyFunc;
    }
}

使用方式

log(1000)("顯示1");
log(1001)("顯示2");
log(1002)("不會顯示1");
log(1003)("不會顯示2");

原理是通過consoleVersion數組管理打印的內容，比如今天我需要調試登錄模塊
我們記錄登錄模塊的console.log的調試內容為1001，那么所有的登錄模塊的打印都使用這樣的方式打印

log(1001)("登錄模塊調試1");
log(1001)("登錄模塊調試2");
log(1001)("登錄模塊調試3");
log(1001)("登錄模塊調試4");
log(1002)("其他模塊調試1");

然后設置

consoleVersion = [1001];

這樣只會打印：
登錄模塊調試1
登錄模塊調試2
登錄模塊調試3
登錄模塊調試4

不會打印其他內容

GPU云服務器云服務器 console.log console.log() 人工智能的一天 js求和表的一列數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101496.html

JavaScript設計模式與開發實踐 | 01 - 面向對象的JavaScript

摘要：在中，并沒有對抽象類和接口的支持。例如，當對象需要對象的能力時，可以有選擇地把對象的構造器的原型指向對象，從而達到繼承的效果。本節內容為設計模式與開發實踐第一章筆記。動態類型語言編程語言按數據類型大體可以分為兩類：靜態類型語言與動態類型語言。靜態類型語言在編譯時已確定變量類型，動態類型語言的變量類型要到程序運行時，待變量被賦值后，才具有某種類型。而JavaScript是一門典型...

suxier 2019-08-21 10:44 評論0 收藏0
javascript設計模式與開發實踐（二）- 封裝和原型模式

摘要：對象會記住它的原型給對象提供了一個名為的隱藏屬性，某個對象的屬性默認會指向它的構造器的原型對象，即。我們通過代碼來驗證再來實際上，就是對象跟對象構造器的原型聯系起來的紐帶切記這句話，對未來理解原型鏈很有幫助。封裝封裝數據在許多語言的對象系統中，封裝數據是由語法解析來實現的，這些語言也許提供了 private、public、protected 等關鍵字來提供不同的訪問權限。例如：j...

luxixing 2019-08-22 15:05 評論0 收藏0
JavaScript 面向對象開發知識總結基礎篇

摘要：字面形式允許你在不需要使用操作符和構造函數顯式創建對象的情況下生成引用值。操作符以一個對象和一個構造函數作為參數鑒別數組有前一小結可以知道鑒別數組類型可以使用。屬性是函數獨有的，表明該對象可以被執行。這種函數被稱為匿名函數。引子： 1.JavaScript 中的變量類型和類型檢測 1.1原始類型 1.2引用類型 1.3內建類型的實例化 1.4函數的字面形式 1.5正則表達式的字...

Kross 2019-08-22 10:35 評論0 收藏0
ES6中Promise 承諾對象封裝異步操作解析

摘要：有了對象，就可以將異步操作以同步操作的流程表達出來，避免了層層嵌套的回調函數。此外，對象提供統一的接口，使得控制異步操作更加容易。它的作用是為實例添加狀態改變時的回調函數。這時，第二個方法指定的回調函數，就會等待這個新的對象狀態發生變化。 Promise 是異步編程的一種解決方案，比傳統的解決方案（回調函數和事件）更合理和更強大。它由社區最早出和實現，ES6 將其寫進了語言標準，統一了...

qianfeng 2019-08-26 11:56 評論0 收藏0