關于console的小技巧

luqiuwen 發(fā)布于2019-08-22 16:41 / 397人閱讀

摘要：判斷第一個參數(shù)是否為真，的話拋出異常并且在控制臺輸出相應信息。以參數(shù)為標識記錄調(diào)用的次數(shù)，調(diào)用時在控制臺打印標識以及調(diào)用次數(shù)。如果可以，打印元素表示的指定對象，或者對象視圖。接受一個參數(shù)作為標識，結束特定的計時器。

我們在寫代碼的時候，偶爾會打印出后端傳過來的信息，然后根據(jù)信息寫我們的html代碼，本來以為console.log就可以了，但是偶然又發(fā)現(xiàn)了console是有家族的，這說明了系統(tǒng)看文檔的重要性與好處。

Console.assert()

判斷第一個參數(shù)是否為真，false的話拋出異常并且在控制臺輸出相應信息。

Console.clear()

清空控制臺。

Console.count()

以參數(shù)為標識記錄調(diào)用的次數(shù)，調(diào)用時在控制臺打印標識以及調(diào)用次數(shù)。

Console.debug()

console.log方法的別稱，使用方法可以參考Console.log()

Console.dir()

打印一條以三角形符號開頭的語句，可以點擊三角展開查看對象的屬性。

Console.dirxml()

如果可以，打印 XML/HTML 元素表示的指定對象，或者 JavaScript 對象視圖。

Console.error()

打印一條錯誤信息，使用方法可以參考 string substitution。

Console._exception()

error方法的別稱，使用方法參考 Console.error()

Console.group()

打印樹狀結構，配合groupCollapsed以及groupEnd方法;

Console.groupCollapsed()

創(chuàng)建一個新的內(nèi)聯(lián) group。使用方法和group相同，不同的是groupCollapsed打印出來的內(nèi)容默認是折疊的。

Console.groupEnd()

結束當前Tree

Console.info()

打印以感嘆號字符開始的信息，使用方法和log相同

Console.log()

打印字符串，使用方法比較類似C的printf格式輸出，可參考 string substitution 。

Console.profile()

可以以第一個參數(shù)為標識，開始javascript執(zhí)行過程的數(shù)據(jù)收集。和chrome控制臺選項開Profiles比較類似，具體可參考chrome profiles

Console.profileEnd()

配合profile方法，作為數(shù)據(jù)收集的結束。

Console.table()

將數(shù)據(jù)打印成表格。Console.table [en-US]

Console.time()

計時器，接受一個參數(shù)作為標識。

Console.timeEnd()

接受一個參數(shù)作為標識，結束特定的計時器。

Console.timeStamp()

添加一個標記到瀏覽器的 Timeline 或 Waterfall 工具.

Console.trace()

打印stack trace.

Console.warn()

打印一個警告信息，使用方法可以參考 string substitution。

先挖個坑，再來填

參考鏈接https://developer.mozilla.org...

GPU云服務器云服務器關于區(qū)塊鏈的小故事關于云計算的小故事關于網(wǎng)絡安全的小知識關于中文域名的銷售技巧

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/94571.html

使用 javascript 的小技巧

摘要：與條件判斷一般我們判斷或用如果我們有更多水果與去重提供了新的數(shù)據(jù)結構。所以所有的關于數(shù)據(jù)的操作，都可以用函數(shù)式的方式處理。這樣做的可讀性遠遠高于嵌套一大堆的函數(shù)調(diào)用我們選擇一些函數(shù)，讓它們結合，生成一個嶄新的函數(shù)。 1、Array.includes 與條件判斷一般我們判斷或用 || // condition function test(fruit) { if (fruit...

econi 2019-08-23 14:57 評論0 收藏0
JS 中可以提升幸福度的小技巧

本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新~ 1. 類型強制轉(zhuǎn)換 1.1 string強制轉(zhuǎn)換為數(shù)字可以用*1來轉(zhuǎn)化為數(shù)字(實際上是調(diào)用.valueOf方法)然后使用Number.isNaN來判斷是否為NaN，或者使用 a !== a 來判斷是否為NaN，因為 NaN !== NaN 32 * 1 // 32 ds * 1 ...

tain335 2019-08-22 11:16 評論0 收藏0
原生javascript的一些好用的小技巧1

摘要：以下我經(jīng)常用，又總是記不住的幾個方法轉(zhuǎn)成數(shù)組形式獲取中的內(nèi)容關鍵在頁面標簽加載完成事件關鍵在阻止瀏覽器事件默認行為關鍵，記憶方法阻止事件冒泡關鍵，記憶方法數(shù)組的幾個常用方法是數(shù)組的每一項如的下標，每一個元素的順序等同于一個單純的循環(huán)可以對進以下我經(jīng)常用，又總是記不住的幾個方法 document.querySelectorAll 轉(zhuǎn)成數(shù)組形式； [].slice.call(docume...

qujian 2019-08-21 17:47 評論0 收藏0
ES6+好用的小技巧，讓你的代碼更干凈，短巧，易讀

摘要：模板字符串擴展操作符操作符，有兩個主要用處復制一個新的數(shù)組或?qū)ο蟀讯鄠€參數(shù)賦值給一個數(shù)組變量把一個數(shù)組變量賦值給多個參數(shù)是一個新的數(shù)組，內(nèi)容和一樣合并對象屬性，后邊的屬性會覆蓋前邊的，可用于修改對象的某個屬性值輸出默認參數(shù)給方法添加默認參模板字符串 let name = siri, age = 18, job = front-end engineer let oldStr = Hi,...

sanyang 2019-08-23 15:07 評論0 收藏0
七個 JavaScript 實用小技巧

摘要：接下來先介紹七個馬上就能用起來的小技巧。老實講，文章所說的小技巧大部分都是新增的語法特性，，或者說已經(jīng)發(fā)布好些年頭，這些特性大家可能已經(jīng)非常熟識。，對象合并，不多說，大部分場景可以取代。作者：@davidwalshblog原文：7 Useful JavaScript Tricks 和許多其他語言一樣，JavaScript 也需要靠很多小技巧去完成各種不同的事情。有的可能早已經(jīng)廣為人...

Lin_YT 2019-08-23 17:16 評論0 收藏0