JavaScript中console.log()方法如何使用

本篇文章給大家分享的是有關(guān)JavaScript中console.log() 方法如何使用，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

“只有客戶發(fā)展了，才有我們的生存與發(fā)展！”這是創(chuàng)新互聯(lián)的服務(wù)宗旨！把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品，產(chǎn)品思維更注重全局思維、需求分析和迭代思維，在網(wǎng)站建設(shè)中就是為了建設(shè)一個(gè)不僅審美在線，而且實(shí)用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對(duì)成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無止境。

計(jì)算屬性名稱

ES6 的計(jì)算屬性名稱特別有用，因?yàn)樗鼈兛梢酝ㄟ^在變量周圍添加一對(duì)大括號(hào)來幫你識(shí)別的變量。

const x = 1, y = 2, z = 3;  console.log({x, y, z}); // {x: 1, y: 2, z: 3}

console.trace()

console.trac() 與 console.log() 完全相同，但它也會(huì)輸出整個(gè)棧跟蹤，能讓你確切地知道到底發(fā)生了什么。

const outer = () => {   const inner = () => console.trace('Hello');   inner(); };  outer(); /*   Hello   inner @ VM207:3   outer @ VM207:5   (anonymous) @ VM228:1 */

console.group()

console.group() 可以把日志分組為可折疊的結(jié)構(gòu)，當(dāng)有多個(gè)日志時(shí)特別有用。

console.group('Outer');           // 創(chuàng)建一個(gè)名為 'Outer' 的組 console.log('Hello');             // 在 'Outer' 組中輸出日志 console.groupCollapsed('Inner');  // 創(chuàng)建一個(gè)名為 'Inner' 的組，折疊狀態(tài) console.log('Hellooooo');         // 在 'Inner' 組中輸出日志 console.groupEnd();               // 結(jié)束當(dāng)前組, 'Inner' console.groupEnd();               // 結(jié)束當(dāng)前組, 'Outer' console.log('Hi');                // 在組外輸出日志

日志級(jí)別

除了 console.log() 之外，還有其他一些日志記錄級(jí)別，例如  [console.debug()](https://developer.mozilla.org/en-US/docs/Web/API/Console  /debug)、 console.info()、 console.warn()和 console.error()。

console.debug('Debug message'); console.info('Useful information'); console.warn('This is a warning'); console.error('Something went wrong!');

console.assert()

console.assert() 提供了一種簡(jiǎn)便的方法，僅在斷言失敗時(shí)將某些內(nèi)容記錄為錯(cuò)誤(例如當(dāng)?shù)谝粋€(gè)參數(shù)為 false  時(shí))，否則完全跳過日志。

const value = 10;  console.assert(value === 10, 'Value is not 10!'); // 不輸出日志 console.assert(value === 20, 'Value is not 20!'); // 輸出日志："Value is not 20!"

console.count()

可以用 console.count() 來統(tǒng)計(jì)一段代碼執(zhí)行了多少次。

Array.from({ length: 4 }).forEach(   () => console.count('items')  // 名為 items 的計(jì)數(shù)器 ); /*   items: 1   items: 2   items: 3   items: 4 */ console.countReset('items');  // 重置計(jì)數(shù)器

console.time()

console.time() 提供了一種快速檢查代碼性能的方法，但是由于精度較低，不可用于真正的基準(zhǔn)測(cè)試。

console.time('slow comp');     console.timeLog('slow comp');  console.timeEnd('slow comp');

CSS

最后一個(gè)，還可以在 console.log() 中用 %c 字符串替換表達(dá)式將 CSS 應(yīng)用于日志的各個(gè)部分。

console.log(   'CSS can make %cyour console logs%c %cawesome%c!',   'color: #fff; background: #1e90ff; padding: 4px',    '',    'color: #f00; font-weight: bold',   '' );

以上就是JavaScript中console.log() 方法如何使用，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：JavaScript中console.log()方法如何使用
文章位置：http://muchs.cn/article34/gdeipe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、Google、軟件開發(fā)、企業(yè)建站、App開發(fā)、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)