對于JavaScript程序的調試，相比于alert()，使用console.log()是一種更好的方式，原因在于：alert()函數會阻斷javascript程序的執行，從而造成副作用；而console.log()僅在控制臺中打印相關信息，因此不會造成類似的顧慮。

用法：

代碼如下:window.console.log("Sample log"); 上述代碼可以忽略window對象而直接簡寫為： 代碼如下:console.log("Sample log"); console.log()可以接受任何字符串、數字和JavaScript對象。與alert()函數類似，console.log()也可以接受換行符n以及制表符t。console.log()語句所打印的調試信息可以在瀏覽器的調試控制臺中看到。不同的瀏覽器中console.log()行為可能會有所不同。

使用參數 與alert()函數類似，console.log()也可以接受變量并將其與別的字符串進行拼接： 代碼如下://Use variable var name = "Bob"; console.log("The name is: " + name); 與alert()函數不同的是，console.log()還可以接受變量作為參數傳遞到字符串中，其具體語法與C語言中的printf語法一致： 代碼如下://Use parameter var people = "Alex"; var years = 42; console.log("%s is %d years old.", people, years); 上述代碼的執行結果為：”Alex is 42 years old.”

使用其它日志級別 除了console.log()，Firebug還支持多種不同的日志級別：debug、info、warn、error。以下代碼將在控制臺中打印這些不同日志級別的信息： 代碼如下://Use different logging level console.log("Log level"); console.debug("Debug level"); console.info("Info level"); console.warn("Warn level"); console.error("Error level"); 從Firebug控制臺中可以看到，不同日志級別的打印信息，其顏色和圖標是不一樣的；同時，可以在控制臺中選擇不同的日志級別來對這些信息進行過濾。

詳細用法：

[javascript]?view plaincopy

Javascript的console.log()用法??

??

//變量??

var?i?=?'I?am?a?string';??

console.log('變量：',i);??

??

//數組??

var?arr?=?[1,2,3,4,5];??

console.log('數組：',arr);??

??

//對象??

var?obj1?=?{??

key1?:?'value1',??

key2?:?'value2',??

key3?:?'value3'??

};??

var?obj2?=?{??

key6?:?'value4',??

key5?:?'value5',??

key4?:?'value6'??

};??

var?obj3?=?{??

key9?:?'value7',??

key8?:?'value8',??

key7?:?'value9'??

};??

??

console.log('對象：',obj1);??

//對象數組??

var?objArr1?=?[obj1,obj2,obj3];??

var?objArr2?=?[[obj1],[obj2],[obj3]];??

??

console.log('對象數組1：',objArr1);??

console.log('對象數組1：',objArr2);??

??

???

/*?

輸出：?

變量：I?am?a?string?

數組：[1,?2,?3,?4,?5]?

對象：Object?{?key1="value1",?key2="value2",?key3="value3"}?

對象數組1：[Object?{?key1="value1",?key2="value2",?key3="value3"},?Object?{?key6="value4",?key5="value5",?key4="value6"},?Object?{?key9="value7",?key8="value8",?key7="value9"}]?

對象數組1：[[Object?{?key1="value1",?key2="value2",?key3="value3"}],?[Object?{?key6="value4",?key5="value5",?key4="value6"}],?[Object?{?key9="value7",?key8="value8",?key7="value9"}]]?

*/??

總結

以上是生活随笔為你收集整理的javascript 和 jq 的调试 用console.log() 函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。