JavaScript30-Day9-console 的各種好用方法

09 - Dev Tools Domination

DEMO
GitHub

筆記

console 的各種好用方法

console.assert()

可輸出  測試結果

1
2
3
const a = 1;
const b = 2;
console.assert(a === b, `${a},${b} is not equal!`);

console.dir()

可輸出 DOM 到屬性方法

console.group()

可將 log 組織起來,比較好看

Imgur

console.count()

可輸出執行次數

Imgur

console.time()

可以計算出區段執行的時間

Imgur

1
2
3
4
5
6
7
console.time("fetching data");
fetch("https://api.github.com/users/weiyuan1993")
.then(data => data.json())
.then(data => {
console.timeEnd("fetching data");
console.log(data);
});