Důležité funkce JavaScriptu, o kterých potřebujete vědět

Tento blog edureka poskytne podrobné znalosti o funkcích JavaScriptu. Rovněž vysvětlí různé metody pro definování funkcí pomocí příkladu.

Dynamické webové aplikace vznikly po narození . S rostoucí popularitou webových aplikací JavaScript se stal jedním z nejdůležitějších jazyků v dnešním světě. Tento článek o funkcích JavaScriptu vysvětlí různé způsoby, jak definovat funkce v JavaScriptu v následujícím pořadí:

Úvod do JavaScriptu

JavaScript je vysoká úroveň , tlumočeno, programovací jazyk slouží ke zvýšení interaktivity webových stránek. Je to velmi výkonný skriptovací jazyk na straně klienta, díky němuž je vaše webová stránka živější a interaktivnější.





JavaScript - funkce javascript- Edureka

Jedná se o programovací jazyk, který vám pomůže implementovat složitý a krásný design na webových stránkách. Pokud chcete, aby vaše webová stránka vypadala živě a dokázala na vás mnohem víc než jen zírat, je JavaScript nutností.



Základy JavaScriptu

Pokud jste v tomto jazyce noví, potřebujete znát některé z jazyků základy JavaScriptu který vám pomůže začít psát váš kód. Mezi základní patří:

Můžete se podívat na dostat se do hloubky těchto základních konceptů a základů JavaScriptu. V tomto článku o funkcích JavaScriptu se zaměříme na různé způsoby definování funkcí.

Funkce JavaScript

Funkce JavaScript je a blok kódu který je navržen k provádění jakéhokoli konkrétního úkolu. Funkci můžete spustit voláním. Toto je známé jako vyvolání nebo povolání funkce.



Chcete-li použít funkci, musíte ji definovat někde v rozsahu, ze kterého ji chcete volat. Myšlenkou je dát dohromady nějaký běžně prováděný úkol a vytvořit funkci tak, že místo toho, abychom psali stejný kód znovu a znovu pro různé vstupy, můžeme tuto konkrétní funkci zavolat.

Základní syntax vytvoření funkce v JavaScriptu je následující:

funkce název funkce (parametr1, parametr2, ..) {// tělo funkce}

JavaScript se skládá z různých předdefinovaných nebo předdefinované funkce . Ale také nám umožňuje vytvářet uživatelsky definované funkce. Pojďme tedy kupředu a podívejme se na některé z běžně používaných předdefinovaných funkcí.

Předdefinované funkce

JavaScript má několik vestavěných funkcí nejvyšší úrovně. Podívejme se na některé z funkcí zabudovaných do jazyka.

Funkce Popis
Eval Vyhodnotí řetězcový / aritmetický výraz a vrátí hodnotu.
Analyzátor Analyzuje řetězcový argument a vrátí celé číslo zadaného základu.
ParseFloat Analyzuje řetězcový argument a vrátí číslo s plovoucí desetinnou čárkou.
Uniknout Vrátí hexadecimální kódování argumentu.
Unescape Vrátí řetězec ASCII pro zadanou hodnotu.

Uveďme si příklad a podívejme se, jak tyto předdefinované funkce fungují v JavaScriptu:

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

Různé způsoby, jak definovat funkci JavaScriptu

Funkci lze definovat různými způsoby. Je důležité zkontrolovat, jak funkce interaguje s externími komponentami a typem vyvolání. Mezi různé způsoby patří:

Deklarace funkce

Deklarace funkce se skládá z a klíčové slovo funkce , povinný název funkce, seznam parametry v dvojici závorek a dvojici složených závorek, která vymezuje kód těla.

Je definován jako:

co dělá .trim v java
// funkce deklarace funkce isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funkce isEven (num) je deklarace funkce, která se používá k určení, zda je číslo sudé.

Výraz funkce

Výraz funkce je určen a klíčové slovo funkce , následovaný volitelným názvem funkce, seznam parametrů v dvojici závorek a dvojici složených závorek, které oddělují kód těla.

Je definován jako:

const count = function (array) {// Function expression return array.length} const methods = {numbers: [2, 5, 8], sum: function () {// Function expression return this.numbers.reduce (function ( acc, num) {// funkční výraz return acc + num})}} count ([1, 7, 2]) // => 3 methods.sum () // => 15

Výraz funkce vytvoří funkční objekt, který lze použít v různých situacích, jako například:

  • Lze jej přiřadit k a proměnná jako objekt: count = function (…) {…}
  • Vytvořit metoda na součtu objektu: function () {…}
  • Použijte funkce mít zpětné volání: .reduce (funkce (…) {…})

Definice zkratkové metody

Definice metody zkratky se používá v deklaraci metody na literály objektů a třídy ES6. Můžete je definovat pomocí a název funkce , následovaný seznamem parametry v dvojici závorek a dvojici složených závorek, která odděluje příkazy těla.

Následující příklad používá definici zkratkové metody v literálu objektu:

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

Zkrácený přístup má několik výhody přes tradiční definici vlastnosti jako:

  • Má to kratší syntaxe což usnadňuje čtení a psaní.
  • Tím se na rozdíl od výrazu funkce vytvoří pojmenované funkce. Je to užitečné pro ladění.

Funkce šipky

Funkce šipky je definována pomocí dvojice závorek, která obsahuje seznam parametrů, následovaný a tlustý šíp (=>) a pár složených závorek, které oddělují příkazy těla.

Následující příklad ukazuje základní použití funkce šipky:

const absValue = (číslo) => {if (číslo 21 absValue (7) // => 7

Tady, absValue je funkce se šipkami, která vypočítává absolutní hodnotu čísla.

Funkce generátoru

Funkce generátoru v JavaScriptu vrací a Generátor objekt. Syntaxe je podobná výrazu funkce, deklaraci funkce nebo deklaraci metody. Ale vyžaduje to hvězdička (*) .

Funkci generátoru lze deklarovat v následujících formách:

  • Deklarace funkce formuláře funkce * ():
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1
  • Funkce výraz forma funkce * ():
const indexGenerator = funkce * () {let index = 0 while (true) {výnos index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1
  • Formulář definice zkratkové metody * ():
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konzoly. log (g.next (). value) // => 1

Funkce generátoru vrací objekt g ve všech třech případech. Poté se používá ke generování řady zvýšených čísel.

Konstruktor funkcí

Když je funkce vyvolána jako konstruktor, a nová funkce je vytvořen. Argumenty, které jsou předány konstruktoru, se stanou názvy parametrů pro novou funkci. Zde se použije poslední argument jako funkční tělo kód.

Například:

funkce sum1 (a, b) {return a + b} const sum2 = funkce (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

To byly některé z různých metod pro definování funkcí v JavaScriptu. Tím jsme se dostali na konec našeho článku. Doufám, že jste pochopili, co jsou funkce JavaScriptu a různé metody jejich definování.

Nyní, když víte o funkci JavaScriptu, podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže Naučte se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit na Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů v části „Funkce JavaScriptu“ a my se vám ozveme.