譯文 摘抄 前端 Console 除錯小技巧

2021-08-14 06:52:54 字數 1704 閱讀 8611

譯者:lsvih

校對者:raoul1996

不說了如果 expression 表示式的結果為 false,console.assert 將會丟擲錯誤。關鍵的是,assert 函式不會由於報錯而停止評估之後的**。它可以幫助你除錯冗長棘手的**,或者找到多次迭代後函式自身產生的錯誤。

function

callassert

(a,b)

callassert(5,6);

callassert(1,1);

它就是乙個會計算相同表示式執行過多少次的 console.log。其它的都一樣。

並且,只有完全相同的表示式才會增加統計數字。

for(var i =0; i

<=3; i++)

輸出:

可以看到,console.log 的結果也會出現。

注意:它在 chrome 中可以正常工作,但是不保證相容所有瀏覽器。

console.log('iteration');

for(var firstlevel = 0; firstlevel<2; firstlevel++)

console.groupend();

} console.groupend();

}

將輸出分組,非常漂亮的布局。

console.trace 會將呼叫棧列印在控制台中。

function

func1

() function

func2

() function

func3

() func1();

輸出:

vm2229:8 console.trace

func3 @ vm2229:8

func2 @ vm2229:5

func1 @ vm2229:2

(anonymous) @ vm2229:10

console.log('%c truly hackers code! ', 'background: #222; color: #bada55');
試著執行一下吧,超酷炫!

300字美文摘抄加賞析

300字美文摘抄加賞析 1.摘自席慕容 桐花 在低低的呼喚聲傳過之後,整個世界就覆蓋在雪白的花蔭下了。麗日當空,群山綿延,簇簇的白色花朵象一條流動的江河。彷彿世間所有的生命都應約前來,在這剎那裡,在透明如醇蜜的陽光下,同時歡呼,同時飛旋,同時幻化成無數游離浮動的光點。這樣的乙個開滿了白花的下午,總覺...

知識癱瘓的長頸鹿 網文摘抄

羅振宇的時間跨年演講刷屏了,很多朋友問我看了麼,很不錯,很有啟發。我說還沒有,要麼你直接給我講講重點。具體我也不記得了,總的說來挺好的。是不是聽過之後會有一種醍醐灌頂的感覺,瞬間覺得自己洞悉了整個世界,彷彿一切的知識,一切的事物,都在我的掌控之中的快感。不久你便忘記了,你依然繼續一地雞毛。專案沒有進...

前端精選文摘 BFC 神奇背後的原理

bfc 已經是乙個耳聽熟聞的詞語了,網上有許多關於 bfc 的文章,介紹了如何觸發 bfc 以及 bfc 的一些用處 如清浮動,防止 margin 重疊等 雖然我知道如何利用 bfc 解決這些問題,但當別人問我 bfc 是什麼,我還是不能很有底氣地解釋清楚。於是這兩天仔細閱讀了css2.1 spec...