Jak funkcja zwrotu z parametrami w JavaScript

Jak funkcja zwrotu z parametrami w JavaScript
Podczas programowania w JavaScript funkcja wywołania zwrotnego z parametrami może pomóc w uniknięciu problemów i błędów. Oprócz tego zapewnia łatwość wywołania określonej funkcji po innej. W innym przypadku jest to korzystne w taki sposób, że dopóki poprzednia operacja nie zostanie zakończona, można przejść do następnej operacji.

Ten artykuł ilustruje metody stosowania funkcji wywoławczych posiadających parametry w JavaScript.

Jak funkcja zwrotu z parametrami w JavaScript?

Aby funkcję wywołania zwrotnego z parametrami w JavaScript można zastosować następujące metody:

  • "Określony przez użytkownika" wartość
  • "Literały szablonów"

Teraz zademonstrujemy określoną koncepcję jeden po drugim!

Metoda 1: Zastosowanie funkcji zwrotnej z parametrami w JavaScript na wartości zdefiniowanej przez użytkownika

Tę metodę można zastosować do przekazania funkcji wywołania zwrotnego jako argumentu do głównej funkcji obejmującej wartość zdefiniowaną przez użytkownika podczas wywoływania.

Sprawdź następujący przykład zrozumienia określonej koncepcji.

Przykład
Po pierwsze, zdefiniuj funkcję o nazwie „przykład()”Z dwoma argumentami:„przedmiot" I "CB”, Gdzie element jest wartością wprowadzoną przez użytkownika, a drugi argument odnosi się do funkcji wywołania zwrotnego.

W swojej definicji funkcji poproś użytkownika o wprowadzenie wartości ciągu za pomocą wiersza. Następnie wartość zdefiniowana przez użytkownika zostanie przekazana do funkcji wywołania zwrotnego jako argument ciągu:

Przykład funkcji (item, cb)
var string = monit („Wprowadź treść:”) + item;
CB (ciąg);

Teraz zadeklaruj funkcję wywołania zwrotnego o nazwie „oddzwonić()”Z określonym argumentem„fakt”Wykorzystane do wyświetlania wprowadzonej wartości przez okno dialogowe Alert:

Funkcja Callback (fakt)
alarm (fakt);

Na koniec uzyskaj dostęp do głównej funkcji przykład () wraz z funkcją wywołania zwrotnego przekazywania do niego parametru z określoną wartością ciągu:

Przykład („Załadowany!", oddzwonić);

Wynikowy wynik będzie:

Z powyższego wyjścia widać, że obie wartości ciągów, wartość argumentu oryginału i funkcji zwrotnej są scalone i pomyślnie wyświetlane w polu alertu.

Metoda 2: Zastosowanie funkcji zwrotnej z parametrami w JavaScript za pomocą literałów szablonów

"Literały szablonów”Są reprezentowane jako znaki backtick (') i są używane głównie do interpolacji ciągu. Tę technikę można wykorzystać do wyświetlania określonej wartości ciągu w stosunku do odpowiedniego szablonu literału. Literały te powinny być umieszczone w oryginalnej definicji funkcji wraz z wartością funkcji wywołania zwrotnego.

Przykład
W poniższym przykładzie zdefiniuj funkcję o nazwie „przykład()”Z określonymi argumentami. Tutaj konkretny argument „strunowy”Podobnie odnosi się do wartości ciągu za pomocą literatu szablonu i„CB”Reprezentuje funkcję wywołania zwrotnego:

Przykład funkcji (ciąg, cb)
konsola.log ('$ String');
CB (ciąg);

Następnie zadeklaruj funkcję wywołania zwrotnego o nazwie „oddzwonić()". W swojej definicji wydrukujemy następującą wiadomość:

funkcja callback ()
konsola.Log („Linuxhint!');

Wreszcie, przywołaj „przykład()”Funkcjonuj i przekazuj wartość ciągu i funkcję wywołania zwrotnego jako argumenty:

Przykład („Ładowanie strony internetowej…”, oddzwonienie);

Można zauważyć, że po przekazaniu funkcji odwołania jako parametru, jej odpowiednia wartość ciągu jest scalona z wartością głównej funkcji:

Skompilowaliśmy metody wykorzystania funkcji wywołania zwrotnego z parametrami w JavaScript.

Wniosek

W JavaScript możesz zastosować funkcję wywoławczą z parametrami na wartości wprowadzonej przez użytkownika lub wykorzystać technikę szablonu literałów. Pierwsze podejście można zastosować do wykonywania funkcji wywołania zwrotnego w wartości zdefiniowanej przez użytkownika, podczas gdy drugie podejście pomaga w pracy z wartościami kodowanymi jako jego parametry. Ten podręcznik wykazał metodę użycia funkcji wywołania zwrotnego o parametrach w JavaScript.