Ważne funkcje JavaScript, o których musisz wiedzieć

Dynamiczne aplikacje internetowe powstały po narodzinach . Wraz ze wzrostem popularności aplikacji internetowych JavaScript stał się jednym z najważniejszych języków w dzisiejszym świecie. W tym artykule o funkcjach JavaScript wyjaśniono różne sposoby definiowania funkcji w języku JavaScript w następującej kolejności:

• Wprowadzenie do JavaScript
• Podstawy JavaScript
• Funkcja JavaScript
• Predefiniowane funkcje
• Różne sposoby definiowania funkcji JavaScript

Wprowadzenie do JavaScript

JavaScript to plik wysoki poziom , interpretowany, język programowania służy do zwiększania interaktywności stron internetowych. Jest to bardzo wydajny język skryptowy po stronie klienta, który sprawia, że ​​Twoja strona internetowa jest bardziej żywa i interaktywna.

Jest to język programowania, który pomaga we wdrażaniu złożonego i pięknego projektu na stronach internetowych. Jeśli chcesz, aby Twoja strona internetowa wyglądała jak żywa i robiła o wiele więcej niż tylko gapienie się na Ciebie, JavaScript jest koniecznością.

Podstawy JavaScript

Jeśli nie znasz języka, musisz znać niektóre elementy podstawy JavaScript które pomogą Ci rozpocząć pisanie kodu. Podstawy obejmują:

• Tablice
• Funkcje

Możesz sprawdzić aby zgłębić te podstawowe pojęcia i podstawy JavaScript. W tym artykule o funkcjach JavaScript skupimy się na różnych sposobach definiowania funkcji.

Funkcja JavaScript

Funkcja JavaScript to plik blok kodu który jest przeznaczony do wykonywania określonego zadania. Możesz wykonać funkcję, wywołując ją. Jest to znane jako wzywając lub powołanie funkcja.

Aby użyć funkcji, musisz zdefiniować ją gdzieś w zakresie, z którego chcesz ją wywołać. Chodzi o to, aby złożyć razem jakieś często wykonywane zadanie i utworzyć funkcję, aby zamiast wielokrotnie pisać ten sam kod dla różnych danych wejściowych, możemy wywołać tę konkretną funkcję.

Podstawy składnia tworzenie funkcji w JavaScript wygląda następująco:

function functionName (parametr1, parametr2, ..) {// treść funkcji}

JavaScript składa się z różnych wbudowanych lub predefiniowane funkcje . Ale pozwala nam również tworzyć funkcje zdefiniowane przez użytkownika. Przejdźmy więc dalej i przyjrzyjmy się niektórym z często używanych predefiniowanych funkcji.

Predefiniowane funkcje

JavaScript ma kilka wbudowanych funkcji najwyższego poziomu. Przyjrzyjmy się niektórym funkcjom wbudowanym w język.

Weźmy przykład i zobaczmy, jak te predefiniowane funkcje działają w JavaScript:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Welcome to Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape

Różne sposoby definiowania funkcji JavaScript

Funkcję można zdefiniować na różne sposoby. Ważne jest, aby sprawdzić, jak funkcja współdziała z komponentami zewnętrznymi i typem wywołania. Różne sposoby obejmują:

• • Deklaracja funkcji
  • Wyrażenie funkcyjne
  • Skrócona definicja metody
  • Funkcja strzałki
  • Funkcja generatora
  • Konstruktor funkcji

Deklaracja funkcji

Deklaracja funkcji składa się z pliku słowo kluczowe funkcji , obowiązkowa nazwa funkcji, lista parametry w nawiasach i nawiasach klamrowych, które ograniczają kod treści.

Jest definiowany jako:

// deklaracja funkcji function isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funkcjonować isEven (liczba) jest deklaracją funkcji używaną do określenia, czy liczba jest parzysta.

Wyrażenie funkcji

Wyrażenie funkcyjne jest określane przez a słowo kluczowe funkcji , po którym następuje opcjonalna nazwa funkcji, lista parametrów w nawiasach i para nawiasów klamrowych, które ograniczają kod treści.

Jest definiowany jako:

java zmień podwójnie na int

const count = function (array) {// wyrażenie funkcji return array.length} const methods = {numbers: [2, 5, 8], sum: function () {// wyrażenie funkcji return this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 methods.sum () // => 15

Wyrażenie funkcyjne tworzy obiekt funkcyjny, którego można używać w różnych sytuacjach, takich jak:

• Można go przypisać do zmienna jako obiekt: count = function (…) {…}
• Stwórz metoda na sumie obiektów: function () {…}
• Użyj funkcjonować mieć oddzwonić: .reduce (funkcja (…) {…})

Skrócona definicja metody

Skrócona definicja metody jest używana w deklaracji metody w literały obiektów i ES6. Możesz je zdefiniować za pomocą pliku nazwa funkcji , po którym następuje lista parametry w nawiasach i parą nawiasów klamrowych, które ograniczają treść instrukcji.

W poniższym przykładzie użyto skróconej definicji metody w literale obiektu:

const kolekcja = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '

Podejście skrócone ma kilka korzyści ponad tradycyjną definicję własności, taką jak:

• To ma krótsza składnia co ułatwia czytanie i pisanie.
• Tworzy nazwane funkcje, w przeciwieństwie do wyrażenia funkcyjnego. Jest to przydatne dla debugowanie.

Funkcja strzałki

Funkcja strzałkowa jest definiowana za pomocą pary nawiasów, które zawierają listę parametrów, po których następuje znak gruba strzała (=>) i parę nawiasów klamrowych, które ograniczają instrukcje body.

Poniższy przykład przedstawia podstawowe użycie funkcji strzałki:

const absValue = (number) => {if (number 21 absValue (7) // => 7

Tutaj, absValue jest funkcją strzałkową, która oblicza wartość bezwzględną liczby.

Funkcja generatora

Funkcja generatora w JavaScript zwraca plik Generator obiekt. Składnia jest podobna do wyrażenia funkcji, deklaracji funkcji lub deklaracji metody. Ale to wymaga znak gwiazdy (*) .

Funkcję generatora można zadeklarować w następujących postaciach:

• Formularz deklaracji funkcji function * ():

function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Forma wyrażenia funkcji function * ():

const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1

• Formularz skróconej definicji metody * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

Funkcja generatora zwraca obiekt g we wszystkich trzech przypadkach. Następnie jest używany do generowania serii liczb zwiększonych.

Konstruktor funkcji

Gdy funkcja jest wywoływana jako konstruktor, plik nowa funkcja jest tworzone. Argumenty przekazywane do konstruktora stają się nazwami parametrów nowej funkcji. Tutaj ostatni argument jest używany jako ciało funkcji kod.

Na przykład:

function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

Były to niektóre z różnych metod definiowania funkcji w JavaScript. W ten sposób dotarliśmy do końca naszego artykułu. Mam nadzieję, że rozumiesz, czym są funkcje JavaScript i różne metody ich definiowania.

Teraz, gdy wiesz już o funkcji JavaScript, zapoznaj się z przez Edureka. Szkolenie w zakresie certyfikacji w zakresie rozwoju sieci pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w Amazon Simple Storage Service (S3).

Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy „Funkcja JavaScript”, a my skontaktujemy się z Tobą.