Node.js學(xué)習(xí)之路02——常用的Console對象的屬性

elina 發(fā)布于2019-08-22 14:01 / 3296人閱讀

摘要：常用的對象的屬性和瀏覽器環(huán)境和環(huán)境下都可以正常輸出，功能類似和普通的分類輸出，如果參數(shù)不為錯誤那么瀏覽器端發(fā)出警告信息和錯誤內(nèi)容那么環(huán)境下輸出的是普通正常內(nèi)容環(huán)境下報錯前端，可以使用的插件，在需要的地方，直接輸入就可以停在這里后端，直接使用

常用的Console對象的屬性 1. console.log()和console.info()

瀏覽器環(huán)境和Node環(huán)境下都可以正常輸出，功能類似

2. console.warn()和console.error()

普通的分類輸出，如果參數(shù)不為錯誤

那么瀏覽器端發(fā)出警告信息和錯誤內(nèi)容

那么Node環(huán)境下輸出的是普通正常內(nèi)容

3. console.debug()

Node環(huán)境下console.debug()報錯

前端debug，可以使用chrome的插件Alt Devtools，在需要debug的地方，直接輸入debugger就可以停在這里

后端debug，直接使用npm下載node-inspector，使用時，直接在命令行輸入node-inspector，打開瀏覽器，在需要debug的地方打斷點

4. console.table()

表格形式輸出內(nèi)容

瀏覽器端以表格形式顯示數(shù)據(jù)，并且顯示數(shù)據(jù)及其原型

數(shù)據(jù)格式01

var user = {
    name: "Sherry",
    age: 18,
    school: ["Beijing School", "Shanghai School"],
}
console.table(user);

數(shù)據(jù)格式02

var user = {
    name: "Sherry",
    age: 18,
    school: {
        beijing: "Beijing School",
        shanghai: "Shanghai School"
    }
}
console.table(user)

Node環(huán)境下console.table()報錯

5. console.count()

瀏覽器端，輸出這個方法被調(diào)用了多少次

for循環(huán)里計數(shù)

某一個function調(diào)用了多少次

在全局調(diào)用將一直輸出1

Node環(huán)境下console.count()報錯

6. console.dir()

對象形式輸出內(nèi)容

瀏覽器端

輸入普通參數(shù)，結(jié)果就是輸出參數(shù)的值，就是console.table()輸出的去掉表格的部分

以目錄樹的形式，顯示 DOM 節(jié)點。參數(shù)可以為document或者document.body等DOM節(jié)點，輸出DOM節(jié)點的屬性

Node環(huán)境下輸出普通的文本內(nèi)容，但是可以顯示不同顏色

console.log("console.dir(user, {colors: true})");
var user = {
    name: "Sherry",
    age: 18,
    school: {
        beijing: "Beijing School",
        shanghai: "Shanghai School"
    }
}
console.dir(user, {colors: true})

7. console.dirxml()

瀏覽器DOM節(jié)點形式輸出

瀏覽器端

輸入普通參數(shù)，結(jié)果就是輸出參數(shù)的值，就是console.table()輸出的去掉表格的部分

參數(shù)可以為document或者document.body等DOM節(jié)點，輸出DOM節(jié)點的HTML的內(nèi)容

Node環(huán)境下console.dirxml()報錯

8. console.time()和console.timeEnd()

計算某個操作耗費的時間

操作所花費的時間，瀏覽器端和Node環(huán)境下都可以使用，功能相同

console.time("for 1000000 times");
for(let i = 0; i < 1000000; i++){

}
console.timeEnd("for 1000000 times");

輸出結(jié)果:for 1000000 times: 3.094ms

9. console.assert()

條件判斷形式輸出內(nèi)容

console.assert(<判斷條件>, <條件為false時的輸出>)作用就是進(jìn)行條件判斷，第一個參數(shù)為true或false的判斷條件，第二個參數(shù)是如果第一個參數(shù)為false時的輸出，如果第一個參數(shù)為true，那么第二個參數(shù)不輸出

瀏覽器端和Node環(huán)境下都可以使用