今天這篇文章，是我從網(wǎng)絡(luò)上整理的一些常見(jiàn)的 JavaScript Tips。我在我的項(xiàng)目中使用了所有這些實(shí)用技巧，今天我想把它們分享給你，希望也能夠幫助到你。

　　1.數(shù)字分隔符

　　為了提高數(shù)字的可讀性，可以使用下劃線(xiàn)作為分隔符。

　　2.事件監(jiān)聽(tīng)器只運(yùn)行一次

　　如果你想添加一個(gè)事件監(jiān)聽(tīng)器并且只運(yùn)行一次，你可以使用 once 選項(xiàng)。

　　3.console.log變量包裝器

　　在 console.log() 中，將參數(shù)括在花括號(hào)中，以便您可以同時(shí)看到變量名和變量值。

　　4.檢查 Caps Lock 是否打開(kāi)

　　您可以使用 KeyboardEvent.getModifierState() 來(lái)檢測(cè) Caps Lock 是否打開(kāi)。

　　5.從數(shù)組中獲取最小值/最大值

　　您可以結(jié)合擴(kuò)展運(yùn)算符使用 Math.min() 或 Math.max() 來(lái)查找數(shù)組中的最小值或最大值。

　　6.獲取鼠標(biāo)位置

　　您可以使用 MouseEvent 對(duì)象的 clientX 和 clientY 屬性的值來(lái)獲取有關(guān)當(dāng)前鼠標(biāo)位置坐標(biāo)的信息。

　　7.復(fù)制到剪貼板

　　您可以使用剪貼板 API 創(chuàng)建“復(fù)制到剪貼板”功能。

　　8.簡(jiǎn)寫(xiě)條件判斷語(yǔ)句

　　如果函數(shù)只在條件為真時(shí)才執(zhí)行，可以使用&&簡(jiǎn)寫(xiě)。

　　9.console.table() 以特定格式打印表格

　　語(yǔ)法：

　　參數(shù)：

　　data 表示要顯示的數(shù)據(jù)。它必須是數(shù)組或?qū)ο蟆?/p>

　　columns 表示包含列名稱(chēng)的數(shù)組。

　　10.將字符串轉(zhuǎn)換為數(shù)字

　　11.陣列去重

　　12.過(guò)濾數(shù)組中的所有虛擬值

　　13.include的用途

　　14.大量使用 reduce 求和數(shù)組

　　15.元素的數(shù)據(jù)集

　　使用數(shù)據(jù)集屬性訪(fǎng)問(wèn)元素的自定義數(shù)據(jù)屬性 (data-*)。