溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹console命令怎么在JavaScript中使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
1.分類輸出
console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('錯誤信息');
2.分組輸出
console.group('1');
console.log("1-1");
console.log("1-2");
console.groupEnd();
console.group('2');
console.log("2-1");
console.log("2-2");
console.groupEnd();
生成折疊的分組
console.group('1');
console.log("1-1");
console.log("1-2");
console.groupEnd();
console.group('2');
console.log("2-1");
console.log("2-2");
console.groupEnd();
嵌套
console.group('1');
console.group("1-1");
console.group("1-1-1");
console.log('內容');
console.groupEnd();
console.groupEnd();
console.group("1-2");
console.log('內容');
console.log('內容');
console.groupEnd();
console.groupEnd();
console.groupCollapsed('2');
console.group("2-1");
console.log('內容');
console.groupEnd();
console.group("2-2");
console.groupEnd();
console.groupEnd();
3.表格輸出
console.table()將傳入的對象，或數組以表格形式輸出
var Obj = {
Obj1: {
a: "a1",
b: "b1",
c: "c1"
},
Obj2: {
a: "a2",
b: "b2",
c: "c2"
},
Obj3: {
a: "a3",
b: "b3",
c: "c3"
}
}
console.table(Obj);
var Arr = [ ["a1","b1","c1"], ["a2","b2","c2"], ["a3","b3","c3"], ] console.table(Arr);
4.查看對象
顯示一個對象的所有屬性和方法Console.dir()和Console.log()相同
var ss = {
name: 'AA',
title: 'title1',
}
console.log("console.dir(ss)");
console.dir(ss);
console.log("console.log(ss)");
console.log(ss);
5.查看節點
Console.dirxml()顯示一個對象的所有屬性和方法
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flowchart</title>
<meta charset="UTF-8">
</head>
<body>
<div id="sample">
<div >
<div id="myPaletteDiv" ></div>
<div id="myDiagramDiv" ></div>
</div>
</div>
</body>
</html>
<script>
console.log("console.dirxml");
console.dirxml(document.getElementById("sample"));
console.log("console.log");
console.log(document.getElementById("sample"));
</script>
6.條件輸出
當第一個參數或返回值為真時，不輸出內容
當第一個參數或返回值為假時，輸出后面的內容并拋出異常
console.assert(true, "see");
console.assert((function() { return true;})(), "see");
console.assert(false, "not see");
console.assert((function() { return false;})(), "not see");
7.記次輸出
輸出內容和被調用的次數
(function () {
for(var i = 0; i < 5; i++){
console.count("運行次數：");
}
})()
8.追蹤調用堆棧
function add(a, b) {
console.trace("Add");
return a + b;
}
function add2(a, b) {
return add1(a, b);
}
function add1(a, b) {
return add(a, b);
}
var x = add2(1, 1);
9.計時
Console.time()中的參數作為計時器的標識，具有唯一性
Console.timeEnd()中的參數來結束此標識的計時器，并以毫秒為單位返回運行時間
最多同時運行10000個計時器
console.time("Chrome中循環1000次的時間");
for(var i = 0; i < 1000; i++)
{
}
console.timeEnd("Chrome中循環1000次的時間");
關于console命令怎么在JavaScript中使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
