今天這篇文章,是我從網絡上整理的一些常見的 JavaScript Tips。我在我的項目中使用了所有這些實用技巧,今天我想把它們分享給你,希望也能夠幫助到你。
1.數字分隔符
為了提高數字的可讀性,可以使用下劃線作為分隔符。
2.事件監聽器只運行一次
如果你想添加一個事件監聽器并且只運行一次,你可以使用 once 選項。
3.console.log變量包裝器
在 console.log() 中,將參數括在花括號中,以便您可以同時看到變量名和變量值。
4.檢查 Caps Lock 是否打開
您可以使用 KeyboardEvent.getModifierState() 來檢測 Caps Lock 是否打開。
5.從數組中獲取最小值/最大值
您可以結合擴展運算符使用 Math.min() 或 Math.max() 來查找數組中的最小值或最大值。
6.獲取鼠標位置
您可以使用 MouseEvent 對象的 clientX 和 clientY 屬性的值來獲取有關當前鼠標位置坐標的信息。
7.復制到剪貼板
您可以使用剪貼板 API 創建“復制到剪貼板”功能。
8.簡寫條件判斷語句
如果函數只在條件為真時才執行,可以使用&&簡寫。
9.console.table() 以特定格式打印表格
語法:
參數:
data 表示要顯示的數據。它必須是數組或對象。
columns 表示包含列名稱的數組。
10.將字符串轉換為數字
11.陣列去重
12.過濾數組中的所有虛擬值
13.include的用途
14.大量使用 reduce 求和數組
15.元素的數據集
使用數據集屬性訪問元素的自定義數據屬性 (data-*)。