你不知道的那些console

zhoutao 發(fā)布于2019-08-23 14:00 / 1811人閱讀

摘要：當(dāng)然，還有一些其他的比如前面兩個(gè)是進(jìn)行分組展示的，后面一個(gè)是展示表格的，但是我覺得用處不大，所以就不再這里詳細(xì)介紹了，有興趣的小伙伴可以去看看，還是比較有意思的

前一陣在查找問題的時(shí)候，偶然間發(fā)現(xiàn)了console的一個(gè)用法，仿佛打開了我新世界的大門，原來console還有這么多的用法，這讓一直以來只用console.log()的我情何以堪啊，所以在這里記錄一下我認(rèn)為有意思和比較實(shí)用的幾種用法。

1. 廣為人知的console

console.log("文字信息");
console.info("提示信息");
console.warn("警告信息");
console.error("錯(cuò)誤信息");

console.log()和console.info()我認(rèn)為幾乎沒有什么區(qū)別，有的瀏覽器console.info()前面會(huì)有一個(gè)小圖標(biāo)，我用的是chrome瀏覽器所以沒有什么區(qū)別

2. 你不知道的console 2.1 清空控制臺(tái)信息

console.clear();

2.2 計(jì)數(shù)統(tǒng)計(jì)

console.count();

2.3 清空計(jì)數(shù)統(tǒng)計(jì)

console.countReset();

2.4 計(jì)時(shí)功能

console.time();
console.console.timeEnd();

計(jì)算代碼的運(yùn)行時(shí)間，對(duì)檢查及提升代碼性能很有用

2.5 追蹤調(diào)用堆棧

console.trace();

在復(fù)雜的調(diào)用過程中，可以很清楚的看到調(diào)用走向

以上，就是我列舉的比較實(shí)用和比較有用的console。當(dāng)然，還有一些其他的比如console.group();console.groupEnd();
console.table();前面兩個(gè)是進(jìn)行分組展示的，后面一個(gè)是展示表格的，但是我覺得用處不大，所以就不再這里詳細(xì)介紹了，
有興趣的小伙伴可以去看看，還是比較有意思的～

云服務(wù)器 GPU云服務(wù)器你不知道的你不知道的javascript 你不知道的javascript上卷你不知道

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/99926.html

相關(guān)文章

玩轉(zhuǎn)控制臺(tái)，看看那些你不知道的Console用法

摘要：清除控制臺(tái)在下清除控制臺(tái)的方法有很多輸入命令或命令使用快捷鍵或點(diǎn)擊控制臺(tái)左上角第二個(gè)圖標(biāo) 前言作為前端工程師，我們每天都離不開用控制臺(tái)調(diào)試代碼，console.log也成了我們最常用的命令，那除了用console.log，還有許多console的方法可以使用，熟練掌握它們，可以讓我們?cè)诳刂婆_(tái)看到的信息更美觀準(zhǔn)確，也會(huì)大大提高我們的開發(fā)效率哦，下面就跟小肆一起來看看吧. Chrome的...

Big_fat_cat 2019-08-23 14:39 評(píng)論0 收藏0
那些你不知道的 getClientRects()

摘要：是可以獲取內(nèi)聯(lián)元素的內(nèi)容有多少行最近一個(gè)交互，在限定文字展現(xiàn)是行，超過行，則在后面添加。。。但是為了交互更人性化來看看代碼，是如何實(shí)現(xiàn)的一定要弄一個(gè)默認(rèn)的來判斷行數(shù)，得到行嗯能顯示什么文字。 1.getClientRects()。是可以獲取內(nèi)聯(lián)元素的內(nèi)容有多少行最近一個(gè)交互，在限定文字展現(xiàn)是5行，超過5行，則在后面添加。。。展開。如果沒有展開二字，我們一般用css就能完成了。但是為了...

mingzhong 2019-08-23 12:10 評(píng)論0 收藏0
『前端干貨篇』: 你不知道的Event Loop

摘要：任務(wù)隊(duì)列中的任務(wù)事件，一般有個(gè)共性就是存在回調(diào)函數(shù)。存放異步執(zhí)行的代碼，如定時(shí)器事件監(jiān)聽回調(diào)函數(shù)等，進(jìn)入等待狀態(tài)。總結(jié)的事件輪詢的機(jī)制，使任務(wù)隊(duì)列主線程異步操作之間可以相互協(xié)作。從一道面試題說起 setTimeout(function() { console.log(111); }, 0); // 這里定時(shí)器時(shí)間設(shè)置為0ms后執(zhí)行 console.log(222); 相信這...

mykurisu 2019-08-23 14:32 評(píng)論0 收藏0
《你不知道的JavaScript》 (上) 閱讀摘要

摘要：但是如果非全局的變量如果被遮蔽了，無論如何都無法被訪問到。但是如果引擎在代碼中找到，就會(huì)完全不做任何優(yōu)化。結(jié)構(gòu)的分句中具有塊級(jí)作用域。第四章提升編譯器函數(shù)聲明會(huì)被提升，而函數(shù)表達(dá)式不會(huì)被提升。本書屬于基礎(chǔ)類書籍，會(huì)有比較多的基礎(chǔ)知識(shí)，所以這里僅記錄平常不怎么容易注意到的知識(shí)點(diǎn)，不會(huì)全記，供大家和自己翻閱；上中下三本的讀書筆記：《你不知道的JavaScript》 (上) 讀書筆記...

FingerLiu 2019-08-23 14:35 評(píng)論0 收藏0
你不知道的JavaScript：閉包

摘要：回憶我一年前，雖然使用過很多，但卻完全不理解閉包是什么。就算你，也會(huì)在循環(huán)完成時(shí)，輸出次當(dāng)然，不要以為主要的原因是延遲函數(shù)會(huì)在循環(huán)結(jié)束時(shí)才執(zhí)行，不然我為什么會(huì)在閉包這一節(jié)用使用這個(gè)例子，哈哈。前言在了解閉包的概念時(shí)，我希望你能夠有JavaScript詞法作用域的知識(shí)，因?yàn)樗鼤?huì)讓你更容易讀懂這篇文章。感觸對(duì)于那些使用過JavaScript但卻完全不理解閉包概念的人來說，理解閉包可...

weknow619 2019-08-22 17:23 評(píng)論0 收藏0