宅男在线永久免费观看网直播,亚洲欧洲日产国码无码久久99,野花社区在线观看视频,亚洲人交乣女bbw,一本一本久久a久久精品综合不卡

全部
常見問題
產(chǎn)品動態(tài)
精選推薦

console使用方法介紹

管理 管理 編輯 刪除


console是在寫前端Javascript時經(jīng)常會使用到,我平時使用最多的是console.log,相比大多數(shù)人也是如此吧!

e2194202302221122306530.png

下面一起來看一下強大的console吧!


01函數(shù)(屬性)


包含如下函數(shù) / 屬性:memory、assert、clear、count、debug、dir、dirxml、error、exception、group、groupCollapsed、groupEnd、info、log、markTimeline、profile、profileEnd、table、time、timeEnd、timeStamp、timeline、timelineEnd、trace、warn??傆嫼?4個函數(shù) / 屬性。


02演示和說明


下面我們依次來演示和說明一下;


一、console.memory


注意:這是一個屬性,并不是是函數(shù),此屬性是用來查看內存使用情況,如果我們使用過多的console.log()會占用大量的內存,導致瀏覽器出現(xiàn)卡死情況。


我們打開瀏覽器進入調試模式,在console一欄下輸入:console.memory,執(zhí)行回車。

01175202302221122593801.png


二、console.assert


使用示例:


console.assert(false,'這是一行文字')


此函數(shù)是在第一個參數(shù)為假的時候會在控制臺輸出信息。


三、console.clear


清空控制臺輸出信息,此方法可以在程序最好執(zhí)行,將console出的信息進行清除,進一步的增加程序的安全性。使用方式如下:


console.clear()


四、console.count


此函數(shù)為統(tǒng)計打印次數(shù),使用示例如下:


for (var i = 0; i < 10; i++) {console.count("當前輸出")}


五、console.debug


此函數(shù)作用與console.log作用相同,均為調試輸出,目前谷歌瀏覽器和opera不支持console.debug(),在控制臺中看不到效果。我們在IE瀏覽器中看一下效果。


console.debug("這是一行文字")

7c873202302221126526005.png


六、console.dir


console.dir(dom)


此函數(shù)作用與console.log作用效果相同,但是在我們打開節(jié)點時,兩者之間變現(xiàn)的存在差異。在觀察節(jié)點時dir的效果要明顯的好于log。

9aacc202302221127089707.png


七、console.dirxml


如果是一個html節(jié)點那么打印出來是dom節(jié)點,其他的打印同dir。


console.dirxml(dom)


八、console.error


錯誤輸出,顯示紅色


console.error("這是一行文字")

5ad08202302221127262917.png


九、console.exception ()


exception 在部分瀏覽器瀏覽器中是console.error 的別名,谷歌最新瀏覽器已經(jīng)廢棄。


十、console.group()


大多數(shù) console 中要輸出高級和復雜的東西。分組可以讓你歸納這些。尤其是讓你能使用嵌套。它擅長展示代碼中存在的結構關系。


console.group('Loop');

433ff202302221127443173.png


十一、console.groupCollapsed()


功能上和 console.group 一樣,但是分組塊一開始是折疊的。它沒有得到很好的支持,但是如果你有一個無意義的龐大的分組并想默認隱藏它,可以試試這個函數(shù)。


十二、console.groupEnd()


主要是和console.group()、console.groupCollapsed()相關結合使用。


十三、console.info()


與console.log()相同


十四、console.log()


用于在控制臺輸出信息,在調試中非常實用。


十五、console.markTimeline()


console.markTimeline() 方法是 console.timeStamp()的廢棄形式。


十六、console.profile()


檢測性能,找出性能瓶頸,效果比console.time()更好


十七、console.profileEnd()


配合console.profile()使用


十八、console.table()


以列表形式展示數(shù)據(jù),這比只扔下原始的對象數(shù)組要更加整潔、看起來更改直觀。

386f520230222112802766.png


十九、console.time()


專門用于監(jiān)測操作的時間開銷的函數(shù),也是監(jiān)測 JavaScript 細微時間的更好的方式。


console.time();


二十、console.timeEnd()


配合console.time()使用


二十一、console.timeStamp()


該特性是非標準的,請盡量不要在生產(chǎn)環(huán)境中使用它!你可以選擇用一個參數(shù)來作為時間戳標簽,然后標記旁邊就會顯示這個標簽。


二十二、console.timeline()


斷點調試使用,此方法是 console.time() 的棄用形式。


二十三、console.timelineEnd()


配合console.timeline()使用


二十四、console.trace()


調試和查找問題使用,是非常高效的函數(shù),效果比console.log()好很多,使用我們只能知道執(zhí)行了哪一個基礎庫,并不知道執(zhí)行的具體位置,而此方法顯示一個跟蹤,該跟蹤顯示了代碼如何在特定點結束。


console.trace();


二十五、console.warn


以警告的形式輸出信息,當出現(xiàn)大量的調試信息時,可以使用warn形式突出特定點位,便于排查錯誤位置,warn以黃色背景,并在輸出文件前加嘆號。在諸多信息中非常明顯。

7836a202302221128193218.png


至此,已經(jīng)將console的函數(shù)或方法做了簡單的介紹和說明,部分的函數(shù)演示并未配圖,如果錯誤歡迎指出、虛心受教。


請登錄后查看

CRMEB-慕白寒窗雪 最后編輯于2023-02-22 11:29:09

快捷回復
回復
回復
回復({{post_count}}) {{!is_user ? '我的回復' :'全部回復'}}
排序 默認正序 回復倒序 點贊倒序

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}} LV.{{ item.user_info.bbs_level || item.bbs_level }}

作者 管理員 企業(yè)

{{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest == 1? '取消推薦': '推薦'}}
{{item.is_suggest == 1? '取消推薦': '推薦'}}
沙發(fā) 板凳 地板 {{item.floor}}#
{{item.user_info.title || '暫無簡介'}}
附件

{{itemf.name}}

{{item.created_at}}  {{item.ip_address}}
打賞
已打賞¥{{item.reward_price}}
{{item.like_count}}
{{item.showReply ? '取消回復' : '回復'}}
刪除
回復
回復

{{itemc.user_info.nickname}}

{{itemc.user_name}}

回復 {{itemc.comment_user_info.nickname}}

附件

{{itemf.name}}

{{itemc.created_at}}
打賞
已打賞¥{{itemc.reward_price}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回復' : '回復'}}
刪除
回復
回復
查看更多
打賞
已打賞¥{{reward_price}}
1940
{{like_count}}
{{collect_count}}
添加回復 ({{post_count}})

相關推薦

快速安全登錄

使用微信掃碼登錄
{{item.label}} 加精
{{item.label}} {{item.label}} 板塊推薦 常見問題 產(chǎn)品動態(tài) 精選推薦 首頁頭條 首頁動態(tài) 首頁推薦
取 消 確 定
回復
回復
問題:
問題自動獲取的帖子內容,不準確時需要手動修改. [獲取答案]
答案:
提交
bug 需求 取 消 確 定
打賞金額
當前余額:¥{{rewardUserInfo.reward_price}}
{{item.price}}元
請輸入 0.1-{{reward_max_price}} 范圍內的數(shù)值
打賞成功
¥{{price}}
完成 確認打賞

微信登錄/注冊

切換手機號登錄

{{ bind_phone ? '綁定手機' : '手機登錄'}}

{{codeText}}
切換微信登錄/注冊
暫不綁定
CRMEB客服

CRMEB咨詢熱線 咨詢熱線

400-8888-794

微信掃碼咨詢

CRMEB開源商城下載 源碼下載 CRMEB幫助文檔 幫助文檔
返回頂部 返回頂部
CRMEB客服