Wywołując funkcję z konstruktorem funkcji w JavaScript
Ten samouczek przedstawia składnię i przykłady wywoływania funkcji za pomocą konstruktora funkcji. Rozróżni to, w jaki sposób metoda wywoływania konstruktora funkcji różni się od pozostałych dwóch metod. A więc zacznijmy!
Wywołując funkcję jako konstruktor funkcji
W poniższym przykładzie utworzymy „X„Obiekt, wywołując„myarg ()„Konstruktor funkcji:
funkcja myarg (arg1, arg2)Ten.promień = arg1;
Ten.wysokość = arg2;
var x = nowy Myarg (1,2)
konsola.log (x);
Wyjście tego programu podano poniżej:
Powyższy przykład najpierw zdefiniował funkcję „myarg ()". Następnie stworzyliśmy „X„Obiekt, wywołując„myarg ()”Funkcja jako konstruktor funkcji. Konstruktor funkcji dziedziczy następnie właściwości z pierwotnej funkcji. Widzimy, że tylko wartości zostały przekazane jako argumenty do „myarg ()”Funkcja, ale wyjście pokazuje również powiązane z nimi właściwości.
Teraz sprawdźmy inne metody wywoływania funkcji w JavaScript.
Wywołując funkcję jako funkcję
Wywołanie funkcji w JavaScript jest proste. Funkcja nie tworzy nowego obiektu, ale JavaScript na całym świecie utworzy obiekt. Funkcja zawsze będzie należała do strony HTML, która jest domyślnym obiektem funkcji. Możemy wywołać funkcję, używając po prostu jej nazwy i przekazywaniu argumentów zgodnie z określonymi parametrami.
Przykład: wywołanie funkcji jako funkcji
W tym przykładzie utworzymy „myFunction ()”Z dwoma parametrami„A" I "B”, I zwróci produkt wartości przekazanych argumentów:
funkcja myfunction (a, b)zwrócić * b;
Myfunction (10, 2); // zwróci 20
Wywołując funkcję jako metodę
JavaScript pozwala nam również wywołać funkcję jako metodę. W poniższym przykładzie widzimy, że metoda pełnej nazwy jest funkcją, która należy do obiektu, i „MyObject”Jest właścicielem funkcji. Tutaj "Ten”Słowo kluczowe jest również używane w kodzie. Wartość "Ten„W tej metodzie jest to, co zwraca MyObject.
Przykład: wywołanie funkcji jako metody
W poniższym przykładzie utworzyliśmy obiekt o nazwie „MyObject„Posiadanie dwóch nieruchomości”imię”,„nazwisko”I„Pełna nazwa" metoda. „„Pełna nazwa„Metoda należy do„ myObject ”i jest funkcją.
Aby wywołać metodę „FullName ()”, po prostu wywołamy ją za pomocą „MyObject" w następujący sposób:
const myObject =FirstName: „Alcei”,
LastName: „Jhon”,
FullName: function ()
Zwróć to.FirstName + "" + to.nazwisko;
MyObject.FullName (); // zwróci „Alice John”
Jak widać z wyjścia, metoda FullName zwróciła wartości „imię" I "nazwisko" nieruchomości:
Po co używać konstruktora funkcji, aby wywołać funkcję?
Korzystanie z innych metod wywołujących, a nie konstruktorów funkcji może powodować problemy związane z bezpieczeństwem i wydajnością, ponieważ inne metody tworzą funkcje dynamiczne. Konstruktor funkcji pomaga utworzyć funkcję, którą można wykonać tylko w zakresie globalnym.
Wywołując funkcję z nowym konstruktorem funkcji
Konstruktor funkcji wymaga jednego lub więcej argumentów ciągu. Natomiast ostatni argument pokaże ciało funkcji, które składa się z dodanych stwierdzeń JavaScript oddzielonych półkolonami.
Przykład: wywołanie funkcji z nowym konstruktorem funkcji
Poniższy przykład pokazuje, jak wywołać funkcję z nowym konstruktorem funkcji:
Kliknij przycisk następujący, aby wywołać funkcję
Notatka
Konstruktor funkcji nigdy nie przejdzie argumentu, który określa nazwę funkcji utworzoną w kodzie. Automatycznie zadeklaruje funkcję jako funkcję anonimową.
Wniosek
W JavaScript wywołanie funkcji z konstruktorem funkcji jest nietypowe i opiera się na dziedzictwie. Mimo to ta metoda wywoływania funkcji ma swoje zalety i może się przydać w niektórych sytuacjach. W tym samouczku omówiono procedurę wywoływania funkcji za pomocą konstruktora funkcji. Wyjaśniliśmy również różnicę między funkcją wywoływania jako konstruktora funkcji, wywołując funkcję jako metodę i wywołując funkcję jako funkcję za pomocą przykładów.