JavaScript-console的使用_016

molyzzx 發布于2019-08-23 15:13 / 2017人閱讀

摘要：的使用對象提供對瀏覽器控制臺的接入如的。它被瀏覽器定義為，也可被簡單的調用。表格的第一列是。注意在中被限制為只顯示行第一行是被標記的索引原文。每一個計時器必須擁有唯一的名字，頁面中最多能同時運行個計時器。

JavaScript-console的使用

onsole 對象提供對瀏覽器控制臺的接入（如：Firefox 的 Web Console）。不同瀏覽器上它的工作方式是不一樣的，但這里會介紹一些大都會提供的接口特性。

Console對象可以在任何全局對象中訪問，如 Window，WorkerGlobalScope 以及通過屬性工作臺提供的特殊定義。

它被瀏覽器定義為 Window.console，也可被簡單的 console 調用。

方法 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}`)

對于打印對象數據的時候要注意：
原來瀏覽器在打印對象的時候只是打印的一個對象快照信息，當你在控制臺點擊展開對象的時候，瀏覽器才會去讀這個對象具體屬性，但是那個時候，這段代碼早就已經運行完了

類似出現這種，都為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__: SyntheticEvent

　console.table()

這個方法需要一個必須參數 data，data 必須是一個數組或者是一個對象；還可以使用一個可選參數 columns。

表格的第一列是 index。如果數據 data 是一個數組，那么這一列的單元格的值就是數組的索引。如果數據是一個對象，那么它們的值就是各對象的屬性名稱。注意（在 FireFox 中）console.table 被限制為只顯示1000行（第一行是被標記的索引（原文：labeled index））。

console.assert()

console.assert為斷言輸出。第一個參數的表達式值為false時，則打印輸出后面參數的值，否則為 true，則無輸出并繼續執行程序。例如：

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

你可以啟動一個計時器（timer）來跟蹤某一個操作的占用時長。每一個計時器必須擁有唯一的名字，頁面中最多能同時運行10,000個計時器。當以此計時器名字為參數調用 console.timeEnd() 時，瀏覽器將以毫秒為單位，輸出對應計時器所經過的時間.

https://developer.mozilla.org...

https://www.jianshu.com/p/cf2...

GPU云服務器云服務器免費的使用云主機免費使用的vps 免費的使用vps云主機免費的云服務器使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101700.html

JavaScript-console 對象

摘要：主鍵為數字主鍵為最外層鍵，對一個對象進行檢查。表示開始要計算時間的程序表示結束，，對信息進行分組。分組名稱分組顯示的信息對窗口進行清屏。參考鏈接阮一峰對象劉哇勇的部落格控制臺不完全指南 console.log()，console.warn()，console.error()，console.info()，console.debug() console.log() 用于在 console...

tylin 2019-08-20 14:41 評論0 收藏0
從零開始的webpack生活-0x016：OtherPlugin其他常用

摘要：概述上一章講的是分離樣式，這一章講的是剩下的一些我常用的插件和上一章是沒有任何關系。環境搭建定義環境插件介紹這個插件用來定義環境變量的，直接定義在了下。安裝依賴添加資源修改配置打包其他更多配置請查閱關于資源源代碼 0x001 概述上一章講的是分離樣式，這一章講的是剩下的一些我常用的插件,和上一章是沒有任何關系。 0x002 環境搭建 $ mkdir 0x0016-other-plug...

chinafgj 2019-08-21 17:36 評論0 收藏0
Java016-反射技術

摘要：簡單說反射技術可以對一個類進行解剖。反射的基本步驟獲得對象，就是獲取到指定的名稱的字節碼文件對象。所以一般情況下，被反射的類，內部通常都會提供一個公有的空參數的構造函數。定義其實就是動態加載一個指定的類，并獲取該類中的所有的內容。而且將字節碼文件封裝成對象，并將字節碼文件中的內容都封裝成對象，這樣便于操作這些成員。簡單說：反射技術可以對一個類進行解剖。反射的好處：大大的增強...

Acceml 2019-08-16 14:47 評論0 收藏0
這篇博客和你嘮嘮 python 并發，滾雪球學python第四季，第16篇

摘要：圖片下載屬于操作，比較耗時，基于此，可以利用中的多線程將其實現。更多精彩滾雪球學完結滾雪球學第二輪完結滾雪球學第三輪滾雪球學番外篇完結在 python 編碼過程中...

qpwoeiru96 2021-10-11 10:59 評論0 收藏0