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

　　1.數(shù)字分隔符

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

　　2.事件監(jiān)聽器只運行一次

　　如果你想添加一個事件監(jiān)聽器并且只運行一次，你可以使用 once 選項。

　　3.console.log變量包裝器

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

　　4.檢查 Caps Lock 是否打開

　　您可以使用 KeyboardEvent.getModifierState() 來檢測 Caps Lock 是否打開。

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

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

　　6.獲取鼠標位置

　　您可以使用 MouseEvent 對象的 clientX 和 clientY 屬性的值來獲取有關(guān)當前鼠標位置坐標的信息。

　　7.復制到剪貼板

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

　　8.簡寫條件判斷語句

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

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

　　語法：

　　參數(shù)：

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

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

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

　　11.陣列去重

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

　　13.include的用途

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

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

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