Javascript調試函數console使用

console 方法

1. log()

console.log(123) ;

1. info() 提示信息

console.info("調試數據");

1. debug() 信息

console.debug("測試使用debug");

1. warn() 警告信息

console.warn("測試使用warn");

1. error() 錯誤信息

console.error("測試錯誤信息");

補充說明

信息中可以使用佔位符 字符(%s) , 整數(%d或%i) , 浮點數(%f) , 對象(%o)

var obj = {
    name: "ceshi",
    age: 22,
    time: new Date()
};

console.log("對象信息%o", obj);

1. 分組顯示信息 group() 和 groupEnd()

console.group("分組信息1");
    console.log("分組1");
    console.log("分組1");
console.groupEnd();

console.group("分組信息2");
    console.debug("0002");
    console.debug("0003");
console.groupEnd();

1. dir() 顯示對象的所有屬性和方法

var obj = {
    name: "ceshi",
    age: 22,
    time: new Date(),
    back: function() {
        alert(123);
    }
}
console.dir(obj) ;

1. dirxml() 用來顯示網頁某個節點(node) 所包含的 html/xml

window.onload = function () {
    console.dirxml(document);
}

1. assert() 用來判斷一個表達式或變量是否爲真,爲否拋出一個異常

var result = 0 ;
console.assert(result == 0) ;

1. trace() 追蹤函數的調用軌跡

function add(a , b) {
    console.trace();
    return a + b;
}

console.log(add(2, 3));

11 計時功能 time()和 timeEnd()

console.time("時間開始：");

for (var i = 0; i < 100; i ++) {
    for (var j = 0; j < 1000; j ++) {

    }
}

console.timeEnd("結束時間：");