console

一、斷言：console.assert(expression, object[, object...])

// 使用chrome測試
console.assert(false,"test") //  Assertion failed  test
console.assert(false,"test","test2") // Assertion failed  test   test2
console.assert(true,"test") // 無輸出

說明： 當expression爲false時輸出後續參數，
當expression爲true時無輸出。

二、計數：console.count("asd")

for(var i=0;i<10;i++){
    console.count(i) 
}
for(var j=0;j<10;j++){
    console.count(j)
}

說明：console.count()用於對輸出的相同值進行計數，例如上面代碼中從0到9個輸出了兩次，第二次循環輸出時，沒次的輸出計數都是2，如圖：

三、展現屬性： console.dir(obj)

var obj = {
    name:"江口不二子",
    age:10,
    sex:0,
}
console.log(obj)  // {name: "江口不二子", age: 10, sex: 0}

說明：console.dir(obj) 會在控制檯打印傳入對象的全部屬性及屬性值。

四、錯誤警告：console.error(object[, object...])

說明：用法與console.log()同樣，只是打印樣式不一樣，爲紅色警告信息。

五、分組打印：console.group()與console.groupEnd()

console.group()
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.log("1");
console.groupEnd();  // 結束打印分組
// 打印結果如圖2所示

六、信息提示：console.info(object[, object...])

說明：與console.log()相似

七、表格輸出：console.table()

var obj = {
    name:"江口不二子",
    age:10,
    sex:0,
}
console.table(obj)

說明：以表格方式打印數組或對象,以上代碼輸出結果見圖3.

八、 打印性能分析：console.profile([profileLabel]) 與console.profileEnd();

console.profile()
// 這裏插入要進行性能分析的一段代碼
console.profileEnd()

說明，console.profile()與console.profileEnd()結合會打印位於其中間一段代碼的執行性能

九、打印運行時間：console.time()和console.timeEnd()

console.time('計時器');
for (var i = 0; i < 1000; i++) {
  for (var j = 0; j < 1000; j++) {}
}
console.timeEnd('計時器');

十、函數追蹤：console.trace()

十一、警告：console.warn()

十二、console.debug() 用於輸出輸出debug的信息。

1三、console.timeStamp() 用於標記運行時的timeline信息。

1四、console.memory 用於顯示此刻使用的內存信息（這是一個屬性而不是方法）。

1五、console.clear() 清空控制檯的內容（固然你能夠用快捷鍵ctrl+L）。

1六、$0 能夠在控制檯輸出在Elements面板選中的頁面元素。

　1七、$_ 表示上一次在控制檯鍵入的命令，你也能夠用快捷鍵「上方向鍵」來達到一樣的效果。

1八、$x 能夠用xPath的語法來獲取頁面上的元素。

參考文獻：你真的瞭解 console 嗎