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
- Základy JavaScriptu
- Funkce JavaScript
- Předdefinované funkce
- Různé způsoby, jak definovat funkci JavaScriptu
Ú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ší.
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ří:
- Pole
- Funkce
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
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.