摘要:的使用對(duì)象提供對(duì)瀏覽器控制臺(tái)的接入如的。它被瀏覽器定義為,也可被簡(jiǎn)單的調(diào)用。表格的第一列是。注意在中被限制為只顯示行第一行是被標(biāo)記的索引原文。每一個(gè)計(jì)時(shí)器必須擁有唯一的名字,頁(yè)面中最多能同時(shí)運(yùn)行個(gè)計(jì)時(shí)器。
JavaScript-console的使用
onsole 對(duì)象提供對(duì)瀏覽器控制臺(tái)的接入(如:Firefox 的 Web Console)。不同瀏覽器上它的工作方式是不一樣的,但這里會(huì)介紹一些大都會(huì)提供的接口特性。
Console對(duì)象可以在任何全局對(duì)象中訪問,如 Window,WorkerGlobalScope 以及通過屬性工作臺(tái)提供的特殊定義。
它被瀏覽器定義為 Window.console,也可被簡(jiǎn)單的 console 調(diào)用。
方法 console.log()console.log(obj1 [, obj2, ..., objN); console.log(msg [, subst1, ..., substN); console.log("String: %s, Int: %d,Float: %f, Object: %o", str, ints, floats, obj) console.log(`temp的值為: ${temp}`)
對(duì)于打印對(duì)象數(shù)據(jù)的時(shí)候要注意:
原來(lái)瀏覽器在打印對(duì)象的時(shí)候只是打印的一個(gè)對(duì)象快照信息,當(dāng)你在控制臺(tái)點(diǎn)擊展開對(duì)象的時(shí)候,瀏覽器才會(huì)去讀這個(gè)對(duì)象具體屬性,但是那個(gè)時(shí)候,這段代碼早就已經(jīng)運(yùn)行完了
類似出現(xiàn)這種,都為null的情況:
SyntheticClipboardEvent {dispatchConfig: {…}, _targetInst: ReactDOMComponent, nativeEvent: ClipboardEvent, type: "paste", target: input, …} bubbles: null cancelable: null clipboardData: null currentTarget: null defaultPrevented: null dispatchConfig: null eventPhase: null isDefaultPrevented: null isPropagationStopped: null isTrusted: null nativeEvent: null target: null timeStamp: null type: null _dispatchInstances: null _dispatchListeners: null _targetInst: null __proto__: SyntheticEventconsole.table()
這個(gè)方法需要一個(gè)必須參數(shù) data,data 必須是一個(gè)數(shù)組或者是一個(gè)對(duì)象;還可以使用一個(gè)可選參數(shù) columns。
表格的第一列是 index。如果數(shù)據(jù) data 是一個(gè)數(shù)組,那么這一列的單元格的值就是數(shù)組的索引。 如果數(shù)據(jù)是一個(gè)對(duì)象,那么它們的值就是各對(duì)象的屬性名稱。 注意(在 FireFox 中)console.table 被限制為只顯示1000行(第一行是被標(biāo)記的索引(原文:labeled index))。
console.assert()console.assert為斷言輸出。第一個(gè)參數(shù)的表達(dá)式值為false時(shí),則打印輸出后面參數(shù)的值,否則為 true,則無(wú)輸出并繼續(xù)執(zhí)行程序。例如:
function notEqual(a, b) { console.assert(a === b, { msg: "a is not equal b", a: a, b: b }); } // console.assert notEqual({a: 1}, {a: 2});console.time
你可以啟動(dòng)一個(gè)計(jì)時(shí)器(timer)來(lái)跟蹤某一個(gè)操作的占用時(shí)長(zhǎng)。每一個(gè)計(jì)時(shí)器必須擁有唯一的名字,頁(yè)面中最多能同時(shí)運(yùn)行10,000個(gè)計(jì)時(shí)器。當(dāng)以此計(jì)時(shí)器名字為參數(shù)調(diào)用 console.timeEnd() 時(shí),瀏覽器將以毫秒為單位,輸出對(duì)應(yīng)計(jì)時(shí)器所經(jīng)過的時(shí)間.
https://developer.mozilla.org...https://www.jianshu.com/p/cf2...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/101700.html
摘要:主鍵為數(shù)字主鍵為最外層鍵,對(duì)一個(gè)對(duì)象進(jìn)行檢查。表示開始要計(jì)算時(shí)間的程序表示結(jié)束,,對(duì)信息進(jìn)行分組。分組名稱分組顯示的信息對(duì)窗口進(jìn)行清屏。參考鏈接阮一峰對(duì)象劉哇勇的部落格控制臺(tái)不完全指南 console.log(),console.warn(),console.error(),console.info(),console.debug() console.log() 用于在 console...
摘要:概述上一章講的是分離樣式,這一章講的是剩下的一些我常用的插件和上一章是沒有任何關(guān)系。環(huán)境搭建定義環(huán)境插件介紹這個(gè)插件用來(lái)定義環(huán)境變量的,直接定義在了下。安裝依賴添加資源修改配置打包其他更多配置請(qǐng)查閱關(guān)于資源源代碼 0x001 概述 上一章講的是分離樣式,這一章講的是剩下的一些我常用的插件,和上一章是沒有任何關(guān)系。 0x002 環(huán)境搭建 $ mkdir 0x0016-other-plug...
摘要:簡(jiǎn)單說反射技術(shù)可以對(duì)一個(gè)類進(jìn)行解剖。反射的基本步驟獲得對(duì)象,就是獲取到指定的名稱的字節(jié)碼文件對(duì)象。所以一般情況下,被反射的類,內(nèi)部通常都會(huì)提供一個(gè)公有的空參數(shù)的構(gòu)造函數(shù)。 定義 其實(shí)就是動(dòng)態(tài)加載一個(gè)指定的類,并獲取該類中的所有的內(nèi)容。 而且將字節(jié)碼文件封裝成對(duì)象,并將字節(jié)碼文件中的內(nèi)容都封裝成對(duì)象,這樣便于操作這些成員。 簡(jiǎn)單說:反射技術(shù)可以對(duì)一個(gè)類進(jìn)行解剖。 反射的好處: 大大的增強(qiáng)...
摘要:圖片下載屬于操作,比較耗時(shí),基于此,可以利用中的多線程將其實(shí)現(xiàn)。更多精彩滾雪球?qū)W完結(jié)滾雪球?qū)W第二輪完結(jié)滾雪球?qū)W第三輪滾雪球?qū)W番外篇完結(jié) 在 python 編碼過程中...
閱讀 2024·2021-10-25 09:48
閱讀 2893·2021-09-22 14:59
閱讀 1820·2019-08-29 16:52
閱讀 935·2019-08-29 16:07
閱讀 2381·2019-08-29 12:38
閱讀 1848·2019-08-26 13:23
閱讀 939·2019-08-26 11:49
閱讀 3352·2019-08-26 10:56