console那些你不曾知道的玩法

2022-05-24 22:39:19 字數 1494 閱讀 5177

一、console最常見的四種方法:

二、列印物件:

平時想輸出物件屬性時,可以直接列印物件,對object使用tostring方法會得到 [object object]

瀏覽器環境中console自帶的兩個方法:

① console.table(obj):將物件中的鍵/值以**形式輸出(node環境不支援)

② console.dir(obj):將物件中的鍵/值以列表形式輸出(node環境不支援)

node環境下:使用util模組中的inspect方法

var util = require("util");

...console.log(util.inspect(person)); //輸出);

四、console.log那些奇葩使用

1. 輸出變數:可以直接用逗號連線

這個逗號連線在除錯錯誤的時候非常好用

直接用'+'連線字串與物件,物件會被轉化成[object object];但若用逗號連線,則顯示的都是其本身的內容,不會做預設型別的轉換。

2. 佔位符:

佔位符

描述

%s字串

%d %i

整數%f

浮點數%o %o

object物件

%ccss樣式

\n換行

五、推薦鏈結

segmentfault:你真的了解console嗎

從console.log說起(上)

從console.log說起(下)

你不知道的那些console

前一陣在查詢問題的時候,偶然間發現了console的乙個用法,彷彿開啟了我新世界的大門,原來console還有這麼多的用法,這讓一直以來只用console.log 的我情何以堪啊,所以在這裡記錄一下我認為有意思和比較實用的幾種用法。console.log 文字資訊 console.info 提示資訊...

js的console你知道多少

列出所有的console屬性 console.dir console 或者 console.dirxml console 記錄 執行時間 console.time test var count 0 for var i 0 i 10000 i console.timeend test 輸出訊息格式化 ...

你不知道的console除錯

瀏覽器的開發者工具我們經常用,console.log我們也經常用,但是console還有其它一些方便除錯的命令,我總結了幾個常用的記錄在下面,供以後開發時參考,相信對其他人也有用。var start new date 執行js var end new date console.time 執行時間 執...