英文 | https://medium.com/@girish.mehra713/javascript-tips-and-best-practices-5a73a0b3e513
翻譯 | 楊小愛
JavaScript 是最常用的編程語言之一，同時有數據顯示，它世界上十大最受歡迎的編碼語言之一。當然，在前端領域裡，JavaScript 是我們日常生活中不可或缺的一部分，它與 HTML 和 CSS 被為前端開發里的新三劍客，我們訪問的任何網站都有它們的身影，當然，它們都各種有自己的特定的用途。所以說，JavaScript 無處不在，學習JavaScript也是每前端人必須要過的一關。JavaScript 功能強大且靈活，它允許我們以任何我們喜歡的方式編寫代碼，並嘗試一些非常不尋常的事情，這些事情可能會導致代碼中的錯誤。今天，我就想跟你分享一些，我在學習JavaScript 編碼的一些好用的技巧，希望對你用。
如果需要，鬆散相等運算符 (== OR !=) 在比較之前執行自動類型轉換。就像上面的例子一樣，你可以使用鬆散等式運算符得到意想不到的輸出。
如果對象或其原型鏈中存在屬性，則 in 運算符返回 true。
一元加號運算符 (+) 是將某些內容轉換為數字的最快和首選方法。5、使用 slice 和 padStart 掩碼數字
slice() 方法將數組中的選定元素作為新數組返回，負數從數組的末尾選擇。
padStart() 方法用另一個字符串填充當前字符串，直到結果字符串達到給定長度。從當前字符串的開頭應用填充。
在 JavaScript 中，我們使用 console.log() 來記錄變量或消息。當變量日誌太多時，有時很難理解控制台中的日誌對應的變量是什麼。要記錄變量，請將變量包裝到一對大括號 {variable-name} 中，提高可讀性。
使用解構賦值方法，因為它簡短且富有表現力，僅在一行語句中執行。它適用於任何數據類型，如數字、字符串、布爾值或對象。8、使用 Array.every 測試數組的每個元素
Array every() 方法檢查是否所有數組元素都通過了提供的函數實現的測試。如果函數對所有元素都返回 true，則最終返回 true。如果函數對一個元素返回 false，則返回 false。當 every() 發現錯誤結果時，它將停止循環並不再繼續，從而提高性能。
Nullish Coalescing Operator (??) 是一個邏輯運算符，它接受兩個值，如果第一個值為 null 或未定義則返回第二個值，否則返回第一個值。
Element.scrollIntoView() 方法將指定元素滾動到窗口的查看部分。11、JSON.stringify 替換參數的威力
JSON.stringify() 方法將 JavaScript 對象轉換為 JSON 字符串。JSON.stringify() 的第二個參數是替換器或過濾器，可以是函數或數組。當第二個參數作為替換函數傳遞時，它會改變字符串化過程的行為。作為一個函數，它有兩個參數，鍵和值被字符串化。
使用擴展運算符 (...) 有條件地將一個對象擴展為另一個對象。
將條件與 && 運算符一起使用以向對象添加新屬性。如果條件匹配，它將向對象添加屬性。
Falsy Bouncer 意味着從數組中刪除所有虛假值。JavaScript 中的虛假值是 false、null、0、undefined、NaN 和「」（空字符串）。將布爾值作為第一個參數傳遞給 Array.filter，它將作為一個虛假的保鏢。以上就是我今天跟你分享的13個關於JavaScript的技巧，不知道你學到了沒有？如果沒有的話，那就多看幾遍。這些都是我在日常學習開發中總結下來的一些技巧和實踐經驗，利用這些技巧可以幫助我們提升工作效率和提升代碼的可讀性。最後，如果你覺得從中學到了新知識，請點讚我，關注我，並將這篇文章分享給你的朋友，也許能夠幫助到他，在此，感謝你的閱讀，編程快樂！
學習更多技能
請點擊下方公眾號
留言列表