|
|
|
|
|
|
新手指南：理解JS中的箭頭函數和常規函數
作者:admin 時間:2022-5-13 12:27:1 瀏覽:對于剛接觸箭頭函數的人來說，弄清楚它的基本概念，以及它與常規函數的不同之處，是特別重要的環節。本指南為箭頭函數的新手撰寫，旨在介紹如何理解箭頭函數的基本概念。
什么是函數
最簡單地說，JavaScript 中的函數是一段代碼，旨在調用時執行特定任務。我們使用它們的原因通常是為了簡化我們的程序；消除混亂和冗余，從而消除我們制造錯誤的機會。
句法
一個函數被分解成幾個基本元素。通過一對括號傳遞的名稱、參數，以及一段代碼。
標準函數
箭頭函數
我們應該使用哪一個？
這可能是大多數新手在第一次了解這兩種不同形式的函數時有點迷失的地方。“我什么時候應該使用一個而不是另一個？” 簡單的答案是你應該繼續用你覺得舒服和習慣的東西來編碼，在這種情況下，不要因為使用其中一個而感到有壓力。但是，如果你喜歡挑戰，請問問自己——“這個函數會在我的程序中任何地方使用嗎？”
標準函數可以被提升，或者換句話說，可以從程序中的任何地方調用。箭頭函數不能被提升，這意味著它們只能在函數被寫出之后或下方被調用。因此，這取決于如何構建代碼，這是兩者之間的一個主要區別！
全局函數用標準函數
在編寫全局函數時，應該使用標準函數。這樣可以輕松地從程序中的任何地方調用函數，無論是在之前編寫的函數中，還是在后面的地方。如果函數的執行結果與預期的不太一樣，它也會使故障排除變得更容易一些。
無函數構造函數用箭頭函數
在沒有函數構造函數的情況下，應該編寫箭頭函數，從而使代碼更易于閱讀。
極簡函數
以最簡單的形式，箭頭函數可以寫成沒有構造函數、名稱和參數的匿名函數。如果是單行，你甚至可以去掉大括號。
以這種方式使用時，傳遞的參數或值是從其父級繼承的，它不能在其他任何地方調用，因為它是匿名的，這意味著該函數是一次性使用的。
你能看到回調箭頭函數從哪里開始嗎？
在此示例中，回調函數從事件偵聽器的第二個參數開始。
我們可以省略大括號并將里面代碼全部寫在一行中。選擇使用大括號是為了把其他功能添加到“點擊”事件觸發器中。
總結
本文介紹了箭頭函數和常規函數的一些基本概念，以及何時使用它們，本文設法以易于理解的方式解釋了箭頭函數和常規函數的關鍵差異。希望通過本文，能讓你進一步理解箭頭函數和常規函數。
下面文章同樣能幫助你更好理解箭頭函數和常規函數。
標簽: 箭頭函數
