Zdefiniuj zmienną globalną w funkcji JavaScript

W JavaScript może istnieć wymóg wielokrotnego wykorzystania określonej wartości. Na przykład integracja lub powiązanie wszystkich wartości z określoną wartością w celu zwrócenia pożądanego wyniku. W takich scenariuszach zmienna globalna odgrywa istotną rolę w zmniejszaniu ogólnej złożoności kodu i sortowaniu funkcji kodu na końcu programistów.

W tym artykule omówiono wykorzystanie zmiennej globalnej w funkcji JavaScript.

Jaka jest zmienna globalna w JavaScript?

„„zmienne globalne„Mają globalny zakres i można go wywołać z dowolnego miejsca w programie w JavaScript.

Przejdźmy do następujących przykładów, aby jasno zrozumieć tę koncepcję.

Przykład 1: Wykorzystanie zmiennej globalnej w JavaScript

W tym przykładzie zmienna globalna zostanie zainicjowana poza zakresem funkcji i będzie dostępna w funkcji zdefiniowanej przez użytkownika:

W powyższych liniach kodu:

• Po pierwsze, utwórz dwie zmienne globalne i przypisz odpowiednio określone wartości ciągów i liczb całkowitych.
• W następnym kroku zdefiniuj funkcję o nazwie „myFunction ()".
• W swojej definicji wyświetl zainicjowany globalny „strunowy" wartość.
• Następnie wykorzystaj globalny „liczba całkowita„Wartość w celu zwrócenia sumy wartości.
• Na koniec wywołaj zdefiniowaną funkcję i wyświetl wynikową sumę na konsoli.

Wyjście

W powyższym wyjściu, jak zaobserwowano, wykorzystanie zmiennych globalnych zostało odpowiednio wykonane.

Przykład 2: Wykorzystanie zmiennej globalnej w funkcji JavaScript

W tym przykładzie zmienna globalna zostanie zdefiniowana w ramach funkcji i dostępna w osobnej funkcji, utrzymując w ten sposób swój globalny zakres za pomocą „okno" obiekt:

W powyższym fragmencie kodu:

• Po pierwsze, obejmują nagłówek o stwierdzeniu „ID„Aby zgromadzić wynikową wartość.
• W kodzie JavaScript zdefiniuj funkcję o nazwie „myFunction1 ()".
• W swojej definicji zainicjuj zmienną globalną o podanej wartości całkowitej za pomocą „okno" obiekt.
• Teraz zadeklaruj inną funkcję „myFunction2 ()".
• W definicji funkcji uzyskaj dostęp do uwzględnionych nagłówek przez „ID" za pośrednictwem "getElementById ()" metoda.
• Następnie skojarz „InnerHtml„Własność z pobieranym elementem i dostęp do zainicjowanej zmiennej globalnej z poprzedniej funkcji, tak że wartość globalna jest wyświetlana jako„nagłówek".
• Wreszcie, wywołać obie funkcje.
• W rezultacie odpowiednia wartość globalna zostanie wyświetlona na DOM.

Wyjście

W powyższym wyjściu jest oczywiste, że dostępna i wyświetlana na globalnie wartości na globalnie w formie nagłówka.

Wniosek

"Zmienna globalna”Jest zdefiniowany poza zakresem funkcji, która jest dostępna w całym programie. Tę zmienną można zdefiniować w funkcji JavaScript za pomocą „okno" obiekt. Ten artykuł określa tę zmienną w funkcji JavaScript na całym świecie i dostęp do osobnej funkcji, utrzymując w ten sposób swój globalny zakres.