前端console對象詳解

console對象在前端調(diào)試中必不可少厨姚,但是大多數(shù)人都只會用console對象的log()方法炒考。但console對象中還有其它幾個有用的方法鬓照。

1. 基本字符串和json對象如下

var str = "Hello World!";

2. console.log()用太多直接跳過

3.console.group()與console.groupEnd()連用

分組打印全跨,下方所有console.group()與console.groupEnd()是為了更好的分組顯示而寫的

 console.group('console.error() ');
 console.log(str);
 console.groupEnd('');  

chrome瀏覽器測試如下圖:

group.jpg

4. 打印調(diào)試信息

console.debug()

console.group('console.debug');
console.debug(str);
console.groupEnd('');

console.info()藕赞,打印一個提示信息

console.group('console.info');
console.info(str);
console.groupEnd('');

console.warn()成肘,打印一個警告

console.group('consoel.warn()');
console.warn(str);
console.groupEnd('');

console.error(),打印一個錯誤

console.group('console.error()');
console.error(str);
console.groupEnd('');

console.assert() 條件判斷false打印信息**

console.group("console.assert()");
console.assert(false);
console.assert(400>500,'true不會打印斧蜕,false才會打印');
console.groupEnd();

上分幾個打印效果chrome瀏覽器測試如下圖

console1.jpg

5.console.table()双霍,把對象打印成為一個table表

var json = {
        "item1": {"name": "張三","age": 23},
        "item2": {"name": "李四","age": 54},
        "item3": {"name": "王五","age": 34}
}  
console.group("console.table()");
console.table(json);
console.groupEnd();  

chrome瀏覽器測試如下圖

consoletable.jpg

console.dir()打印對象
console.group("console.dir()");
console.dir(json);
console.groupEnd();
chrome瀏覽器測試如下圖

consoledir.jpg

6.console.time()和console.timeEnd(),這兩個方法用于計時批销,可以算出一個操作所花費(fèi)的準(zhǔn)確時間

console.time("test1");
var a = 1 + 2;
console.timeEnd("test1");
console.time("test2");
var a = 1 + 2;
console.timeEnd("test2");

chrome瀏覽器測試如下圖

consoletime.jpg

<a >更多前端精彩</a>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末洒闸,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子均芽,更是在濱河造成了極大的恐慌丘逸,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掀宋,死亡現(xiàn)場離奇詭異深纲,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)劲妙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進(jìn)店門湃鹊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人是趴,你說我怎么就攤上這事涛舍。” “怎么了唆途?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵富雅,是天一觀的道長。 經(jīng)常有香客問我肛搬,道長没佑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任温赔,我火速辦了婚禮蛤奢,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己啤贩,他們只是感情好待秃,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著痹屹,像睡著了一般章郁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上志衍,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天暖庄,我揣著相機(jī)與錄音,去河邊找鬼楼肪。 笑死培廓,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的春叫。 我是一名探鬼主播肩钠,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼象缀!你這毒婦竟也來了蔬将?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤央星,失蹤者是張志新(化名)和其女友劉穎霞怀,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體莉给,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡毙石,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了颓遏。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片徐矩。...
    茶點(diǎn)故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖叁幢,靈堂內(nèi)的尸體忽然破棺而出滤灯,到底是詐尸還是另有隱情,我是刑警寧澤曼玩,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布鳞骤,位于F島的核電站,受9級特大地震影響黍判,放射性物質(zhì)發(fā)生泄漏豫尽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一顷帖、第九天 我趴在偏房一處隱蔽的房頂上張望美旧。 院中可真熱鬧渤滞,春花似錦、人聲如沸榴嗅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽录肯。三九已至趴腋,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間论咏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工颁井, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留厅贪,地道東北人。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓雅宾,卻偏偏與公主長得像养涮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子眉抬,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評論 2 351

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案贯吓? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,741評論 1 92
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法蜀变,內(nèi)部類的語法悄谐,繼承相關(guān)的語法,異常的語法库北,線程的語...
    子非魚_t_閱讀 31,602評論 18 399
  • 對于js的調(diào)試爬舰,一般我們經(jīng)常用alert()或者console.log()進(jìn)行調(diào)試。但是alert()會讓程序中斷...
    豬豬俠闖天下閱讀 804評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理寒瓦,服務(wù)發(fā)現(xiàn)情屹,斷路器,智...
    卡卡羅2017閱讀 134,638評論 18 139
  • 大神華仔閱讀 653評論 0 0