超級實用的 console 用法集合

2021-09-11 15:30:52 字數 1425 閱讀 9581

是否有前端小夥伴和我一樣,一直都console.log()列印資訊(?...),最近看到篇國外文章寫到幾種常用console的方法,超實用,希望大家看完後能夠提高開發效率。

文章都會先發布在 github 上

js 原始碼

上面這些方法可以接受多個引數

const json = 

console.log("log ==> ", json, new date())

console.error("error ==> ", json, new date())

console.warn("warn ==> ", json, new date())

console.info("info ==> ", json, new date())

複製**

console.group()列印一系列的console.logs

function

dosomething(obj)

$`; console.log('fullname ==>', _fullname);

const _id = math.random(1)

console.log('id ==> ', _id);

console.groupend();

} dosomething()

複製**

console.table()非常美觀列印陣列和物件

const typeofconsole = [,,

]console.table(typeofconsole)

const mysocial =

console.table(mysocial)

複製**

console.time('total');

console.time('init arr');

const arr = new array(20);

console.timeend('init arr');

for (var i = 0; i < arr.length; i++)

console.timeend('total')

複製**

function lesserthan(a, b) )

}lesserthan(6, 5);

function

foo()

bar();

}foo();

複製**

console 非常實用的方法

是否有前端小夥伴和我一樣,一直都console.log 列印資訊 最近看到篇國外文章寫到幾種常用console的方法,超實用,希望大家看完後能夠提高開發效率。文章都會先發布在 github 上 js 原始碼 上面這些方法可以接受多個引數 2 console.group console.group 列...

console比較實用的方法

控制台 console 是firebug的第乙個面板,也是最重要的面板,主要作用是顯示網頁載入過程中產生各類資訊。firebug內建乙個console物件,它提供了幾種方法,主要作用是顯示網頁載入過程中產生各類資訊。console.log 用來取代alert 或document.write 列印資訊...

整理 console的用法

console.log 輸出字串或變數 console.debug console.info console.warn console.error 這四個方法的使用方法跟 console.log 一模一樣,差別在於輸出的顏色與圖示不同 console.table console.time 與 con...