JS 基礎 你真的了解 console 嗎?

2021-10-12 07:10:32 字數 1925 閱讀 8427

正文結語

相信大部分的人學習任何語言或是工具都是從hello world開始的,它代表的不僅僅是輸出字串的 demo,更是乙個以最基礎的實現最快了解工具執行原理的重要思想。不過這不是本篇要討論的(笑,本篇要討論的是 js 開發者中用得最多沒有之一的console

用過 js 都知道 console 就是在控制台輸出一些資訊,可以是任何型別。甚至到了現在我還是會用上 console 來輸出一些資訊用於 debug。但是 console 除了最常用的log方法還有許多在瀏覽器視覺化的版本,接下來就讓我們來看看到底有哪些變化吧。

別只用 console.log() 除錯 js **了

首先我們先來看看 console 實際上有哪些可用的方法

譁的就是一大票hhh,不過我們也不是全試一遍,下面列出我們將要演示的方法和用途的簡要說明

method

usage

log一般輸出

warn

輸出警告

error

輸出異常

clear

清除控制台

time & timeend

計時table

視覺化鍵值對

count

變數使用次數計數

group & groupend

輸出分塊

log(with style)

自定義樣式輸出

接下來我們就乙個個看看效果吧,注意!要在瀏覽器輸出或是支援視覺化的控制台輸出才有用,你在命令列那就都是一般輸出

一般輸出,沒啥好說的hhh

輸出警告(黃底樣式)

輸出異常(紅底樣式)

清理輸出,清完就沒了hhh,所以我也只能放兩張圖你自己領悟了,看能不能悟出些什麼hhh

相當於乙個計時器,開始和結束需要傳入計時器的標識

這大概是眾多方法最令人意外的乙個,做成乙個**,左邊為鍵右邊為值(陣列則是以下標為鍵)

偷偷告訴你,他只能展開一層hhh,如果值又是乙個物件就會變成

計數器,記錄該變數被引用的次數,值改變之後會被重置(輸出格式為變數值:使用次數

group 方法也是比較特別的乙個,可以對輸出做分塊

最後乙個,使用 log 方法的時候在字串開頭傳入%c並將樣式作為第二個引數就可以產生自定義樣式的輸出

你真的了解Java嗎?

三目運算子規則 如果第二個和第三個運算元具有相同的型別,那麼它就是條件表示式的類 型。換句話說,你可以通過繞過混合型別的計算來避免 煩。如果乙個運算元的型別是 t,t 表示 byte short 或 char,而另乙個運算元是乙個 int 型別的常量表示式,它的值是可以用型別 t 表示的,那麼條件表...

你真的了解sizeof 麼?

sizeof並不是c語言和c 語言中的乙個函式,而是乙個關鍵字,乙個操作符。它的作用是返回乙個物件或者型別名的長度,也就是說這個物件或者型別所佔的記憶體位元組數。它的返回值型別為size t usinged int 長度的單位是位元組。1 對基本資料型別運用sizeof操作,得到其占用記憶體的位元組...

你真的了解restful api嗎?

在以前,乙個 的完成總是 all in one 頁面,資料,渲染全部在服務端完成,這樣做的最大的弊端是後期維護,擴充套件極其痛苦,開發人員必須同時具備前後端知識。於是慢慢的後來興起了前後端分離的思想 後端負責資料編造,而前端則負責資料渲染,前端靜態頁面呼叫指定api獲取到有固定格式的資料,再將資料展...