你應該知道的 JavaScript 技巧

作者：Joab Chua

1. 控制台.log

• 為控制台日誌新增顏色

別再這樣做了！ ❌

試試這個吧。 ✅

但如果你有一個物件數組，嘗試這個會更好嗎？

如果您想測量程式碼中某些操作的運行速度，請嘗試此操作。

執行 console.time 和 console.timeEnd 來測量瀏覽器控制台中花費的時間。
最後，如果您想追蹤程式碼及其執行順序，請嘗試此操作。

您將能夠看到調試應用程式所需的大量資訊。

2. 對象解構

您以前是否遇到過這樣的情況：您只需要物件中的幾個變量，但您正在傳遞完整的物件並以這種傳統方式使用它？

在你的函數中重複使用人類物件宣告？不要這樣做。請改用 ES6 物件解構。 ✅

解構函數參數中需要使用的變數。或者，您可以在函數本身內部進行解構。

3. 模板文字

❌ 當您嘗試用字串拼接變數時不要這樣做。

改為這樣做。 ✅

4. 擴充運算符

假設您有 2 個對象，並且您想要將它們組合起來或將 1 個對象的某些屬性分配給另一個對象。按照傳統，我們會這樣做。

從技術上講，這沒有什麼問題，只是你實際上是在改變你的對象。試試這個吧。 ✅

擴充運算子最好的一點是它也適用於陣列。 ？
而不是這個。

改為執行此操作。

5. 循環

你是否犯過這樣的 for 迴圈來計算陣列中的成本總額？別再這樣做了。 ❌

開始改變你的風格吧。

乾淨又精瘦。工作完成了！ ✅

概括

希望這些技巧能引導您編寫更好、更乾淨、更精簡的程式碼。

由 MarsCode 贊助
歡迎加入我們的 Discord 與我們討論您的想法。

火星密碼 追蹤

MarsCode 提供人工智慧驅動的 IDE 和人工智慧擴充來協助您完成程式設計任務。

以上是你應該知道的 JavaScript 技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章！