首頁 web前端 js教程 JavaScript中的console物件解析

JavaScript中的console物件解析

Sep 23, 2017 am 10:44 AM
console javascript js

平常使用瀏覽器的開發者工具時僅用到了console.log(),今天在看一些資料時想到了看一看console對象的屬性和方法,然後發現console中還有很多方便我們調試的方法;下邊簡單介紹。

console.clear()

清空控制台,只是顯示上的清空,並不會銷毀先前控制台中建立的物件;清空後餐後「Console was cleared」.


console.assert()

此方法用於判斷斷言是否為真,如果為真無回傳值,否則傳回一些自定義的資訊;使用方式一般包括兩種;
第一種: console.log(assertion, obj1, obj2, … , objn);assertion為布林表達式,為false時會依次輸出後邊的object;

第二種: console.log(assertion, str);與第一種類似,不過這裡的第二個參數為string型別;assertion為false時會報錯;
JavaScript中的console物件解析


JavaScript中的console物件解析


JavaScript中的console物件解析


JavaScript中的console物件解析


JavaScript中的console物件解析

### ##
console.group () && console.groupEnd()
登入後複製
###可以使列印出的資訊呈現樹狀結構,資訊呈現更清晰可讀;其中console.group()用於建立一個分組,而console.groupEnd()則用於結束一個分組; # ########
console.log()
登入後複製
###這應該是最常用的了,實際上它還可以控制樣式,並且可以像C語言一樣進行格式化輸出;支援的格式包括%d、%s、% f、%o,分別表示整數、字串、浮點數和物件(包括整數、字串、浮點數等各種類型);關於樣式控制需要在加樣式的字串前加%c,然後在後邊以字串的形式給出具體樣式;可以設定的樣式包括font-size、color、font-style、text-decoration等各種樣式;#########
console.table()
登入後複製
###和console.group一樣都是為了資訊呈現更加易讀,不同的是它是以表格形式呈現的;通常可以用於打印多維數組、JSON數據、object對像等;#########
console.trace()
登入後複製
###可以打印出函數運行時堆疊的呼叫情況,個人覺得這對函數巢狀、閉包等的理解非常有幫助; #########

以上是JavaScript中的console物件解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

全新 Nintendo Switch Lite 更新現已開放預訂 全新 Nintendo Switch Lite 更新現已開放預訂 Jun 29, 2024 am 06:49 AM

全新 Nintendo Switch Lite 更新現已開放預訂

建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

建議:優秀JS開源人臉偵測辨識項目

PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 Dec 18, 2023 pm 03:39 PM

PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

簡易JavaScript教學:取得HTTP狀態碼的方法

任天堂在 Switch 2 發售前宣布更新 Switch Lite 任天堂在 Switch 2 發售前宣布更新 Switch Lite Jun 20, 2024 am 09:41 AM

任天堂在 Switch 2 發售前宣布更新 Switch Lite

如何使用C#中的Console.WriteLine() 如何使用C#中的Console.WriteLine() Feb 25, 2024 pm 02:36 PM

如何使用C#中的Console.WriteLine()

js和vue的關係 js和vue的關係 Mar 11, 2024 pm 05:21 PM

js和vue的關係

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

如何在JavaScript中取得HTTP狀態碼的簡單方法

See all articles