久久一区二区三区超碰国产精品,亚洲人成在线网站,国产在线精品一区免费香蕉,国产精品免费电影

歡迎您訪問常用Console調試命令介紹:log、table、time等及占位符作用!

常用Console調試命令介紹:log、table、time等及占位符作用

更新時間:2025-09-02 20:21:54作者:佚名

結束內聯分組

console.group('Group One');
console.group('Group Two');
// some code
分組 Two 完成關閉,記錄停止
結束分組操作,標記 Group One 的終止

info()

.log 別名,輸出信息

console.info("runoob")

log()

輸出信息

console.log("runoob")

table()

將復合類型的數據轉為表格顯示。

var arr= [ 
         { num: "1"},
         { num: "2"}, 
         { num: "3" }
    ];

console什么意思_console調試命令_console.log占位符

console.table(arr); var obj= { a:{ num: "1"}, b:{ num: "2"}, c:{ num: "3" } }; console.table(obj);

time()

計時開始

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

console什么意思_console.log占位符_console調試命令

console.timeEnd('計時器2');

()

計時結束

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

trace()

追蹤函數的調用過程

function d(a) { 
  console.trace();
  return a;
}
function b(a) { 
  return c(a);
}
function c(a) { 
  return d(a);
}
var a = b('123');

warn()

輸出警告信息

console什么意思_console調試命令_console.log占位符

console.warn("警告")

常用 調試命令

最常用的就是 .log 了。

這些占位符格式能夠處理多種數據類型,包括字符、數值、浮點數以及對象,具體支持的類型有字符型(%s)、整型(%d或%i)、浮點型(%f)和對象型(%o)。

占位符作用

%s

字符串

%d or %i

整數

%f

浮點數

%o

可展開的DOM

%O

列出DOM的屬性

%c

根據提供的css樣式格式化字符串

效果:

console什么意思_console.log占位符_console調試命令

%o和%O都是用來顯示對象的console什么意思,對于常規對象,這兩個沒有差別,然而在打印DOM節點時console什么意思,它們的表現就不同了:

效果:

%c 標記是最頻繁應用的。應用 %c 標記時,其后參數必須是 CSS 規則,用于對顯示文本進行樣式設計。常見的呈現形式包含文字表現、圖像生成。

文字輸出

效果:

除了常規文字表述,還可以呈現類似界面布局的圖形符號,這種圖形符號能夠通過互聯網即時制作完成。

一種可行方案是借助網絡資源創建圖形字符,接著把內容粘貼過來,需要消除原有行首回車,換成n符號,最終形成單一連續代碼行,這樣就能直接放入.log()函數調用,當然還可以搭配%c參數實現更炫目的顯示,因為標準輸出本身就不換行

圖片輸出

因為無法設置圖片,所以采用圖片作為背景來使用。而且,寬度與高度設置不可用,可以通過空格和字體大小來實現;也可以借助邊框和行高來進行替代。

三、信息分組

四、查看對象的信息

五、顯示某個節點的內容

console什么意思_console調試命令_console.log占位符

括號的作用是展示網頁特定位置所含的HTML或XML內容。

六、判斷變量是否是真

它用于判定一個公式或符號能否成立。倘若結論并非肯定,則會在顯示屏上顯示一條關聯訊息,并且引發一個錯誤。

第一個條件成立,結果為真;第二個條件不成立留學之路,在屏幕上輸出錯誤提示。

七、追蹤函數的調用軌跡

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

控制臺輸出信息:

八、計時功能

.time() 和 .(),用來顯示代碼的運行時間。

九、.() 的性能分析

性能評估就是考察程序不同部分的執行耗時,識別效率低下的環節,所采用的技術是某種分析方法。

為您推薦

編程中column的概念及應用,你了解多少?如數據庫與電子表格

在數據處理和編程領域,column是一個核心概念,它指代數據表中的一個垂直維度,用于組織和存儲相關數據。編程語言:在Python、R等編程語言中,column的概念也廣泛應用于數據處理和分析庫(如pandas、numpy等)中。

2025-09-02 20:21

colleagues的釋義你了解嗎?它可不止表示同事這么簡單

thoughts.(公司所有同仁召開了一次緊急會議,愉快的生活是由愉快的思想所造成的。來指代相同職業的人,即使他們彼此并不相識。可以用以下幾種方式表達:colleague.(他已經向我告知新同事的情況。firm(公司)、level(員工層面)等詞語搭配使用。

2025-09-02 20:20

JavaScript 中 confirm() 方法的功能、語法及參數解析?

該函數的語法格式如下:Like”等等;同樣,參數cancel也是用于顯示的字符串信息,可以是“Cancel”文本,也可以是其他表示Cancel意義的文本信息。

2025-09-02 20:19

comeon什么意思 Come on用法解析:on為何有此含義?通過場景加深

只能記住有這層含義了。而且on經過這么一系列的分析,已經使用起來很方便了,多記一個含義不是太大問題。On的這種含義與along的意思有點接近。要不是這種解釋,按我們中文的思路怎么能夠理解得了。on延伸出的類似使用我們弄明白了就行了。我個人認為用這樣的方法來介紹介詞,既能輕松理解,又能使用比較自然。

2025-09-02 20:17

complex的英文翻譯是什么意思?詳盡釋義與雙解釋義介紹

complex的英文翻譯是什么意思,詞典釋義與在線翻譯:詳盡釋義雙解釋義complex的用法和樣例:例句complex的相關資料:近反義詞

2025-09-02 20:16

at school與in school的區別,以及school等詞的不同含義

schoolschool常指“在學校求學”,涉及的時間相對較長。這組詞都有“學校”的意思。college,university,institute,school,academy當泛指大學時通常用college表示。school指大學所屬的學院或系。

2025-09-02 20:14

加載中...
主站蜘蛛池模板: 嘉义县| 永川市| 凯里市| 嘉祥县| 祥云县| 临安市| 乐至县| 云霄县| 钟山县| 景泰县| 大余县| 荔浦县| 临城县| 丰台区| 大名县| 富顺县| 普定县| 西和县| 山阳县| 汶川县| 阿拉善盟| 武功县| 肇源县| 靖州| 塔河县| 鲁山县| 江孜县| 东莞市| 哈密市| 昌平区| 芦溪县| 湘潭市| 枝江市| 台前县| 桦甸市| 沧州市| 安远县| 德惠市| 隆安县| 榆林市| 和林格尔县|