Różnica między funkcjami inline i anonimowymi w JavaScript

JavaScript, funkcje inline i anonimowe są głównie wykorzystywane do zastosowania określonej funkcjonalności lub zdarzenia na określonej funkcji. Oprócz tego są bardzo przydatne w zmniejszaniu złożoności kodu i czytelnym. Ponadto funkcje te unikają zanieczyszczenia przestrzeni nazw i są wygodne w dostępie.

W tym artykule omówiono funkcje wbudowane i anonimowe oraz ich różnice w JavaScript.

Funkcje wbudowane i anonimowe oraz ich różnice w JavaScript

„„Wline" I "Anonimowy”Funkcje są prawie takie same, jak oba są tworzone w czasie wykonywania. Różnica polega na tym, że funkcje wbudowane są przechowywane w określonej zmiennej, która nie ma miejsca w funkcjach anonimowych.

Teraz przestudimy każdego z nich jeden po drugim!

Jakie są funkcje wbudowane w JavaScript?

Funkcje wbudowane są rodzajem funkcji anonimowej zawartej w zmiennej. Jest podobnie utworzony jako funkcja anonimowa, a następnie zawarta w określonej zmiennej.

Poniższe przykłady opracują podaną koncepcję przy użyciu „settimeout ()" metoda.

Przykład: Korzystanie z funkcji inline w JavaScript

Po pierwsze, uwzględnimy nagłówek w „

„Oznacz i wyrównaj go do środka za pomocą„”Tag:

Funkcja wbudowana jest przechowywana w zmiennej

Następnie przechowuj określoną funkcję w zmiennej o nazwie „inlinefunc". W definicji funkcji powiadom następującą wiadomość po określonym czasie jako „2" sekundy:

Pozwól inlineFunc = function ()
alert („to jest funkcja inline”)
;
Settimeout (InlineFunc, 2000)

Można zaobserwować, że dodany komunikat w funkcji wbudowanej jest wyświetlany w polu alertu po dwóch sekundach:

Przykład 2: Korzystanie z funkcji strzałki w JavaScript w JavaScript

Najpierw dodamy nagłówek, jak omówiono w poprzednim przykładzie:

Funkcja strzałki wbudowanej jest przechowywana w zmiennej

Następnie zastosuj funkcję strzałki i podobnie przechowuj ją w zmiennej o nazwie „inlinefunc". Zastosuj także „settimeout ()„Metoda wyświetlania odpowiedniego komunikatu po określonym czasie:

niech inlineFunc = () => alert („to jest funkcja strzałki inline”);
Settimeout (InlineFunc, 2000)

Wyjście

Jakie są anonimowe funkcje w JavaScript?

Funkcje anonimowe JavaScript są zadeklarowane bez żadnego nazwanego identyfikatora, jak sugeruje jego nazwa.

Przykład: Korzystanie z funkcji anonimowej w JavaScript

W poprzednich przykładach uwzględnimy następujące nagłówek w centrum za pomocą omawianych znaczników:

Funkcja anonimowa jest zdefiniowana bez żadnego identyfikatora nazwy

Następnie zastosuj „settimeout ()„Metoda funkcji anonimowej (nie ma nazwy). Ostrzegaj także następującą wiadomość po ustalonym czasie, który wynosi dwie sekundy:

settimeout (function ()
Alert („to jest funkcja anonimowa”)
, 2000);

Wyjście

Przykład: Korzystanie z anonimowej funkcji strzałek w JavaScript

Jak omówiono w poprzednich metodach, dodamy nagłówek za pomocą

Oznacz i wyrównaj go w centrum:

Anonimowa funkcja strzałek jest zdefiniowana bez żadnego identyfikatora nazwy

Następnie zastosuj „settimeout ()„Metoda anonimowej funkcji strzałek o określonym czasie:

settimeout (() => alert („to jest anonimowa funkcja strzałki”), 2000);

Wyjście

Omówiliśmy przykłady wdrożenia funkcji inline i strzałek w JavaScript.

Wniosek

W JavaScript funkcje inline i anonimowe są różne w taki sposób, że funkcje wbudowane są rodzajem funkcji anonimowej, która jest przechowywana w określonej zmiennej, podczas gdy funkcja anonimowa jest funkcją bez żadnej nazwy. Obie funkcje można tworzyć w czasie wykonywania. Ten podręcznik kierował funkcjami wbudowanymi i anonimowymi oraz ich różnicami w JavaScript.