JSconsole.log()提高工作效率的技巧-創(chuàng)新互聯(lián)

本篇文章給大家分享的是有關(guān)JS console.log()提高工作效率的技巧，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

“專業(yè)、務(wù)實、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個人一直以來堅持追求的企業(yè)文化。 創(chuàng)新互聯(lián)是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于成都網(wǎng)站制作、做網(wǎng)站、軟件開發(fā)、設(shè)計服務(wù)業(yè)務(wù)。我們始終堅持以客戶需求為導(dǎo)向，結(jié)合用戶體驗與視覺傳達(dá)，提供有針對性的項目解決方案，提供專業(yè)性的建議，創(chuàng)新互聯(lián)建站將不斷地超越自我，追逐市場，引領(lǐng)市場！

我們知道 console.log(message)用法很簡單，表示將參數(shù)message 打印到控制臺上。

console.log('前端小智')
// 前端小智

const myAge = 28
console.log(myAge) // 28

本文主要介紹5個有用的技巧，可幫助你在使用console.log()時提高工作效率。

1. 打印全名變量

如果在控制臺打印多個變量，是數(shù)量比較多的情況下，我們很難區(qū)別哪個變量對應(yīng)哪個值。

function sum(a, b) {
console.log(b);
return a + b;
}

sum(1, 2);
sum(4, 5);

執(zhí)行上述代碼后，我們只會看到一系列數(shù)字

要表示值和變量之間關(guān)系，可以用花括號把變量包起來：：

2.高級格式化

將某些東西打印到控制臺最常見方法是簡單地使用一個參數(shù)調(diào)用console.log()：

console.log('前端小智') // 前端小智

有時我們可能想要一條包含多個變量的信息。 幸運(yùn)的是，console.log()可以使用％s，％i等說明符以sprintf()的方式格式化字符串。

const user = '前端小智';
const attempts = 5;

console.log('%s 登錄失敗了 %i 次', user, attempts);
// 前端小智 登錄失敗了 5 次

％s和％i被user和attempts的值替換。 說明符％s轉(zhuǎn)換為字符串，而％i轉(zhuǎn)換為數(shù)字。

以下是可用說明符的列表：

說明符作用
%s元素轉(zhuǎn)換為字符串
%d 或 %i元素轉(zhuǎn)換為整數(shù)
%f元素轉(zhuǎn)換為浮點(diǎn)數(shù)
%o元素以最有效的格式顯示
%O元素以最有效的格式顯示
%c應(yīng)用提供的css

3.具有樣式的打印風(fēng)格

瀏覽器控制臺允許我們將樣式應(yīng)用于打印的消息，我們可以通過將％c說明符與相應(yīng)的css樣式一起使用來實現(xiàn)，如下所示：

console.log('%c Big message', 'font-size: 36px; font-weight: bold');

說明符％c應(yīng)用CSS樣式'font-size: 36px; font-weight: bold'

4. 交互展示

日志樣式化依賴于主機(jī)的控制臺實現(xiàn)。像Chrome和Firefox這樣的瀏覽器提供對象和數(shù)組的交互展示，而 Node 控制臺輸出為文本。

來看看Chrome如何打印普通對象，數(shù)組和DOM樹，可以通過展開和折疊與這些元素進(jìn)行交互。

4.1 Objects

const myObject = {
 name: 'John Smith',
 profession: 'agent'
};
console.log(myObject);

網(wǎng)站名稱：JSconsole.log()提高工作效率的技巧-創(chuàng)新互聯(lián)
鏈接URL：http://bm7419.com/article46/igphg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站設(shè)計公司、網(wǎng)站內(nèi)鏈、自適應(yīng)網(wǎng)站、品牌網(wǎng)站設(shè)計、微信公眾號

廣告

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

成都定制網(wǎng)站建設(shè)