摘要：肖奇馬斯克虞美人拉賈佩奇谷歌埃隆馬斯克特斯拉代表標(biāo)識(shí)方法在控制臺(tái)中顯示指定對(duì)象的屬性，并展現(xiàn)類似文件樹樣式的交互列表。肖奇馬斯克拉賈佩奇埃隆馬斯克埃隆馬斯克拉賈佩奇埃隆馬斯克埃隆馬斯克拉賈佩奇方法清除控制臺(tái)信息。

console 對(duì)象提供對(duì)瀏覽器控制臺(tái)的接入。不同瀏覽器上它的工作方式是不一樣的. 其次它是一個(gè)全局對(duì)象, 我們先在控制臺(tái)將console打印出來, 看看它里面都有些什么東西

console.log() 就是向web控制臺(tái)輸出一條信息. 參數(shù)可以是變量, 數(shù)字, 字符串等。

// 常規(guī)下
var name = "肖奇 馬斯克"
console.log("Hello");            // Hello
console.log(name);               // Jack
console.log(`Hello, ${name}`);   // 肖奇 馬斯克

除此之外, 還支持格式化輸出：

var name = "肖奇 馬斯克"
// %s         字符串
// %d or %i   整數(shù)
// %f         浮點(diǎn)數(shù)
// %c         樣式代碼
console.log("Hi, 我是%s。", name);
console.log("%cHi, 我是%s。", "color: rebeccapurple;", name);

// Info
console.info("Hi, This is message");
// warning 警告
console.warn("On, Your operation may cause a security breach!");
// Error 報(bào)錯(cuò)
console.error("Shit! Variable does not exist!");

接受一個(gè)數(shù)組或者對(duì)象, 可以接受一個(gè)額外的參數(shù)來描述表格的列數(shù)。它會(huì)把數(shù)據(jù)通過表格的形式打印出來

let array = [
  { name: "肖奇 馬斯克", tag: "虞美人" },
  { name: "拉賈 佩奇", tag: "谷歌" },
  { name: "埃隆 馬斯克", tag: "特斯拉" }
];
console.table(array)

console.group和console.groupWEnd就像一對(duì)標(biāo)簽一樣。group在控制臺(tái)創(chuàng)建一個(gè)新的分組, 輸出到控制臺(tái)上的內(nèi)容都會(huì)被添加一個(gè)縮進(jìn), 表示該內(nèi)容屬于當(dāng)前分組, 直到調(diào)用console.groupEnd()之后, 當(dāng)前分組才結(jié)束。

let items = [
  { name: "肖奇 馬斯克", tag: "虞美人" },
  { name: "拉賈 佩奇", tag: "谷歌" },
  { name: "埃隆 馬斯克", tag: "特斯拉" }
];
items.forEach(item => {
  console.group(`${item.name}`);
  console.log(`${item.name}`);
  console.log(`%c代表標(biāo)識(shí)  ${item.tag}`, "color: red;");
  console.groupEnd(`${item.name}`);
})

在控制臺(tái)中顯示指定JavaScript對(duì)象的屬性，并展現(xiàn)類似文件樹樣式的交互列表。

console.dir(document.getElementById("header"));

輸出每一次被調(diào)用的次數(shù)。

console.count("肖奇 馬斯克");
console.count("拉賈 佩奇");
console.count("埃隆 馬斯克");
console.count("埃隆 馬斯克");
console.count("拉賈 佩奇");
console.count("埃隆 馬斯克");
console.count("埃隆 馬斯克");
console.count("拉賈 佩奇");

清除控制臺(tái)信息。

console.clear();
// 執(zhí)行結(jié)果：Console was cleared

啟動(dòng)一個(gè)計(jì)時(shí)器（timer）來跟蹤某一個(gè)操作的占用時(shí)長。每一個(gè)計(jì)時(shí)器必須擁有唯一的名字。 頁面中最多能同時(shí)運(yùn)行10,000個(gè)計(jì)時(shí)器。跟group一樣, time也是配套的。 當(dāng)以此計(jì)時(shí)器名字為參數(shù)調(diào)用 console.timeEnd() 時(shí)，瀏覽器將以毫秒為單位，輸出對(duì)應(yīng)計(jì)時(shí)器所經(jīng)過的時(shí)間。

console.time("fetching data");
fetch("https://api.github.com/users/anran758")
    .then(data => data.json())
    .then(data => {
        console.timeEnd("fetching data");
        console.log(data);
    });

第一個(gè)參數(shù)接受一個(gè)斷言(聲明), 第二個(gè)參數(shù)是一個(gè)message。 如果斷言為false，則將一個(gè)錯(cuò)誤消息寫入控制臺(tái)；如果斷言是true，就當(dāng)做沒發(fā)生。

// 語法：console.assert(assertion, message [, subst1, ..., substN]);
console.assert(1 === 1, "此條消息不會(huì)在控制臺(tái)輸出!");
console.assert(1 === 2, "1 === 2 這是個(gè)錯(cuò)誤!");