Parametry funkcji i argumenty w JavaScript

Parametry funkcji i argumenty w JavaScript
W JavaScript terminy parametry i argumenty funkcji są często używane zamiennie, chociaż istnieje między nimi znacząca różnica. Kiedy definiujemy funkcję, Parametry funkcji są wliczone. Możesz także określić listę zmiennych przy deklarowaniu funkcji, a zmienne te są znane jako parametry funkcji. Jednak kiedy wywołujemy lub wywoływamy utworzoną funkcję, przekazując niektóre wartości, wartości te są wywoływane „Argumenty funkcyjne".

W tym zapisie omówi parametry funkcji i argumenty w JavaScript. Ponadto porozmawiamy również o regułach parametrów funkcji w JavaScript, dodaniu parametrów funkcji, niezrównanych parametrów funkcji, domyślnych parametrów funkcji, obiektu argumentów, przełoty wartości i przepustki przez odniesienie, z pomocą przykładów. A więc zacznijmy!

Parametry funkcji w JavaScript

W JavaScript parametry to zmienne, które wymieniamy w deklaracji funkcji. Kiedy tworzymy funkcję, przyjmujemy parametry, które są zawarte w definicji funkcji. Wiele parametrów można dodać do nawiasów, oddzielonych przecinkami, jak pokazano w poniżej podanej składni:

Nazwa funkcji (parametr1, parametr2, parametr3)
// Ciało funkcji

Tutaj, "X" I "y”To parametry w następujących„Dodaj numer()”Funkcja:

Funkcja addnumber (x, y)
zwrócić x+y;

Argumenty funkcyjne w JavaScript

Wartość, którą przekazujemy do funkcji, jest znana jako argument funkcji. Argumenty są dostarczane do funkcji, gdy ją nazywamy. Na przykład w poniższym przykładzie „5" I "6„Czy argumenty są przekazywane do„Dodaj numer()”Funkcja:

var sum = dodatek (5,6)
konsola.Log (suma)

Kiedy wywołamy funkcję addnumber (), JavaScript utworzy dwie nowe zmienne, „X" I "y,”Według naszych zdefiniowanych parametrów, a następnie inicjuje je, wykorzystując argumenty. Po tym, ciało funkcji zostanie wykonane:

Reguły parametru funkcji w JavaScript

Oto niektóre z zasad zdefiniowanych dla parametrów w JavaScript:

  • Możesz zdefiniować dowolną liczbę parametrów dla swojej funkcji JavaScript, a liczba dodanych argumentów nie musi być dopasowana do liczby parametrów.
  • Możesz także zdefiniować domyślne wartości parametrów podczas deklarowania funkcji.
  • Parametry są oceniane w JavaScript od lewej do prawej.

Dodawanie parametrów funkcji w JavaScript

Możesz dodać wiele parametrów do swojej funkcji JavaScript zgodnie z Twoimi wymaganiami. Na przykład utworzymy „Firstfunc ()„Funkcja, która będzie miała zero parametrów i zwróci ciąg”To jest Linuxhint.com”:

// 0 parametry
Funkcja FIRSTFUNC ()
powrót „To jest Linuxhint.com ";

Druga funkcja, którą utworzymy, jest „secondfunc ()". Będzie wymagał jednego parametru „nazwa”I po wywołaniu tej funkcji zostanie zwrócony ciąg obejmujący przekazanie„nazwa" argument:

// 1 parametr
funkcja secondfunc (name)
zwróć „Cześć” + Nazwa;

Następnie utworzymy trzecią funkcję o nazwie „Dodaj numer()". Funkcja addnumber () weźmie dwa argumenty liczbowe przekazane w „X" I "y„Parametry, a to zwróci ich sumę:

// 2 parametry
Funkcja addnumber (x, y)
zwrócić x + y;

Teraz po pierwsze, nazwiemy funkcję FirstFunc (). Następnie przejdziemy „Jan”Jako nazwa w„secondfunc ()”I wreszcie„ ”2" I "3”Są przekazywane jako argumenty do funkcji addnumber ():

konsola.log (Firstfunc ());
konsola.log (secondfunc („John”));
konsola.log (addnumber (2,3));

Teraz spójrz na wyjście utworzonej funkcji:

Niezrównane parametry funkcji w JavaScript

Funkcja JavaScript nie rzuci żadnego błędu, gdy przekazane argumenty są większe lub mniejsze niż liczba parametrów.

Na przykład stworzyliśmy „Dodaj numer()„Funkcja, która ma dwa parametry”, „X" I "y”:

Funkcja addnumber (x, y)
zwrócić x + y;

Kiedy nazywamy naszym „Dodaj numer()”Funkcja JavaScript Niedanie żadnych argumentów, nie rzuci żadnego błędu. Jednak zainicjuje dodane parametry jako „nieokreślony".

W drugim przypadku, jeśli liczba argumentów przekroczy liczbę parametrów, tłumacz JavaScript zignoruje pozostałe argumenty.

W sytuacji, gdy nie jest przekazywany argument, oba „X" I "y„Parametry zostaną zainicjowane jako„nieokreślony”:

konsola.log (addnumber ());

Po przejściu jednego argumentu zostanie on przekazany do „X„Parametr i„ ”y”Zostanie inicjowane jako„nieokreślony”:

konsola.log (addnumber (10));

Teraz, kiedy przekazujemy trzy wartości jako argumenty, „X" I "y”Zostanie zainicjowany z pierwszymi dwoma wartościami, a trzeci argument zostanie zignorowany:

konsola.dziennik (dodanie (10,20,30));

Poniższy obraz pokaże Ci kod i dane wyjściowe związane z powyższymi przypadkami:

Domyślne parametry funkcji w JavaScript

JavaScript pozwala również skonfigurować parametry funkcji z wartościami domyślnymi. Wartości te są dodawane w deklaracji funkcji za pomocą operatora przypisania „=".

Na przykład w poniżej danym „Dodaj numer()”Funkcja, przypisaliśmy„0„Do obu naszych„X" I "y„Zmienne. Teraz zmienne te zostaną zainicjowane do zera, jeśli nie przekazamy żadnego argumentu podczas nazywania „Dodaj numer()”Funkcja:

Funkcja dodatkowa liczba (x = 0, y = 0)
zwrócić x + y;

Obiekt argumentu w JavaScript

Istnieje inna metoda, aby uzyskać dostęp do argumentów w naszej funkcji, czyli „to„Argumenty obiekt". Obiekt argumentów zawiera wartości argumentu w obiekcie o mechanizmie podobnym do tablic.

Pomóżmy zrozumieć tę koncepcję z przykładem.

Przykład: Korzystanie z obiektu argumentu w JavaScript

W poniżej danym „suma()„Funkcja, zadeklarowaliśmy trzy parametry: x, y i z. Możemy uzyskać dostęp do wartości przekazanych argumentów za pomocą „argumenty„Tablica, na przykład dostęp do„X„Wartość argumentów, wykorzystamy„0„Element tablicy argumentów”Argumenty [0]".

Teraz wykonaj poniższy kod i sprawdź wynik funkcji sum () i dostępu do elementów tablicy argumentów:

funkcja sum (x, y, z)
konsola.log (argumenty [0]);
konsola.log (argumenty [1]);
konsola.log (argumenty [2]);
zwrócić x+y+z;

suma (4, 5, 6);

Przejść przez wartość i przejdź przez odniesienie w JavaScript

Typy referencyjne i typy wartości to dwa typy JavaScript. Liczba, symbol, ciąg, boolean, null, niezdefiniowane, bigint są typami wartości, a reszta typów jest pod względem typów referencyjnych.

W JavaScript typy wartości są przekazywane za pomocą „wartości". Na przykład w poniższym przykładzie stworzyliśmy „X„Zmienna o„2" wartość:

x = 2

Miniemy nasze „X„Zmienna do„SomeFunc ()”Funkcja. W momencie nazywania „SomeFunc ()”, Nowy„y„Zostanie utworzona zmienna, która jest określona jako parametr. Zmienna „y”Skopiuje wartości przekazane argumentu„X". Teraz niezależnie od zmian, które wprowadzimy do „y„Wartość zmienna nie wpłynie na wartość zmiennej”X”:

funkcja jakafunc (y)
y = 4
konsola.ociężały)

SomeFunc (x)
konsola.Log (x)

Wykonaj wyżej podany kod pokaże następujące dane wyjściowe:

Teraz przejdźmy do koncepcji podania po odniesieniu. W tym celu najpierw stworzymy „pracownik„Obiekt, jako obiekt jest uważany za typ odniesienia:

Niech pracownik =
FirstName: „John”,
LastName: „Smith”
;

Kiedy nazywamy „Dosomething (pracownik)„Funkcja, nowa zmienna”obj”Zostanie utworzone, które otrzymają treść z„pracownik" obiekt. Obydwa "pracownik" I "obj„Zmienne odnoszą się do tego samego obiektu. Jednak w takim przypadku, gdy wprowadzasz jakiekolwiek zmiany w „obj”, Wpływa to również na„pracownik”, Ponieważ oba wskazują lub odnoszą się do tego samego obiektu:

funkcja Dosomething (OBJ)
obj.FirstName = „Peter”;

Dosomething (pracownik);
konsola.Log (pracownik.imię);

Ze wyjścia widać, że „imię”Zmieni się na„Piotr”:

Wniosek

W JavaScript parametry i argumenty to dwa terminy powiązane z funkcją. Parametry funkcji to zmienne określone w definicji funkcji, a argumenty funkcji to wartości przekazywane jako argumenty. Ten zapis omówił parametry funkcji i argumenty w JavaScript. Rozmawialiśmy również o regułach parametrów funkcji w JavaScript, dodawaniu parametrów funkcji, niezrównanych parametrów funkcji, domyślnych parametrach funkcji, obiektu argumentu, przekażenia wartości i przechodzenia przez odniesienie, z pomocą przykładów.