Diskuze: OOP v JavaScriptu
Petr Valigura:23.9.2015 11:35
Tak ta funkce není ani tolik OOP, pouze tam dáváš parametr name, což ti umožní volat tu funkci a předávat ji pokaždé jiné jméno a voláš ji právě přes
var pavel = uzivatel("Pavel");a rovnou ji ukládáš do proměnné. (trochu zbytečné dle mého, když je tam alert) To využiješ když třeba potřebuješ pozdravit víc lidí;
uzivatel("Pavel");
uzivatel("Jana");
uzivatel("Petr");
uzivatel("Simona"); //zdraví jednotlivé lidi, bez toho aby jsi psal otrocky u každého "moje jméno je..."Na druhou stranu
var pavel = new uzivatel("Petr");vytváříš novou instanci Objektu, v takovém případě je zvyk psát funkci s velkým písmenem.
Takže jednodušeji řečeno rozdíl mezi tím je ten, že v prvním případě voláš funkci a s argumentem "Pavel" a ukládáš ji do proměnné a ve druhém případě vytváříš instanci funkce (třídy, objektu), ovšem k tomu se ti moc nehodí ta funkce uživatel, name by jsi měl správně uložit jako vlastnost. Respektive v prvním případě pouze vypisuješ nové uzivatele a ve druhém vytváříš samostatnou instanci (objekt)
this.jmeno = "name";a k vypisování v OOP by měli sloužit metody
this.predstavSe = function() {
return "Moje jmeno je: " + name;
//nebo cheš-li alert("Moje jmeno je: " + name); ale to se mi moc nelíbí,
}Ještě na závěr jak by to mohlo vypadat celé 
var Clovek = function(name) {
this.name = name;
this.predstavSe = function() {
return "Ahoj já jsem " + this.name;
}
}
var petr = new Clovek("Petr"); //vytváření instance
alert(petr.predstavSe()); //volání metody, kterou si necháváme vypsat pomocí alertUrčitě se, ale podívej tady http://www.itnetwork.cz/…ani-tutorial.
Petr Valigura:23.9.2015 11:58
Promiň chtěl jsem to napsat už v prvním, ale zrovna mám přednášku, tak je to trochu lámané (i když by se to z toho dalo pochopit)
Objekty se v OOP vytváří, hlavně díky zjednoduššení a přehlednosti (ne jenom, chci to jen nějak jednoduše vysvětlit). Představ si, že programuješ hru a v ní máš třeba zombíky a každý zombík má nějaké vlastnosti (např. pohlaví, síla, rychlost, zdraví) a metody (utoc, utikej...) a těch zombíků tam máš 100. Budeš pro každého zombíka psát samostatnou funkci či objekt, nebo si budeš někde zapisovat, stav aktuálního zombíka a budeš ručně volat funkce?
Ne! jak by se s tím pracovalo? Bylo by to šílené.
Ale samozřejmě teď, když budeš programovat aplikaci, která bude mít za úkol jen zdravit spíše využiješ právě volání funkce s argumentem. (Chceš toho uživatele pozdravit nepotřebuješ vědět jeho velikost bod a nepotřebuješ po něm aby něco dělal).
Takže OOP si opravdu představ jako objekty! (člověk, zombík, pes, účet, databáze), využiješ to tehdy kdy budeš chtít aby ty objekty něco dělali (metody) a měli nějaké vlastnosti (jméno, věk..).
Chci aby to co programuju mělo nějaké jméno, věk (vlastnosti) a aby to
chodilo, jedlo, pilo (metody), tak zvolím OOP
Chci abych to jen já pozdravil, či vypsalo jen nějakou věc tak volím
funkci.
+20 Zkušeností
+2,50 Kč
Petr Valigura:23.9.2015 12:09
Plus ještě bych mohl říct, že vlastně OOP v JS, je hodně postaveno na
funkcích, nemáš zde třídy a podobně, takže vlastně i když používáš
OOP tak programuješ s funkcemi
Viz. první článek o JS tady
JavaScript využívá tzv. funkcionální paradigma, které umožňuje do běžné proměnné uložit funkci. To se nabízí např. pro tvorbu Lambda funkcí. Tato zdánlivě jednoduchá vlastnost potom umožňuje předávat funkce v parametru jiné funkce (tzv. callback) nebo dokonce využít funkci jako konstruktor objektu. Objektově orientované programování zde nabývá úplně nových rozměrů, funguje zde prototypová dědičnost, tedy objekt je předlohou jiného objektu.
Petr Valigura:23.9.2015 14:10
O co ti jde? Máš pravdu, ale řekni mi, proč tohle psát člověku, který se ptá, kdy používat funkci a kdy OOP. Snažil jsem se to co nejvíce zjednodušit a je fajn napsat super pojmy (které nezasvěcenému, musí připadat dost šíleně), ale ptal se na otázku, na jednoduchou otázku, tak jsem mu jednoduše odpověděl (teda snažil jsem se to ukázat na příkladech), potom jsem si vzpomněl, že ho to může mást třeba proto, že už má lehké zkušenosti s OOP v nějakém jiném jazyce, tak jsem přihodil to, že se to dělá pomocí funkcí (jestli zkoumal funkce v JS více, tak si hned uvědomí co to ve skutečnosti je a pokud ne, tak si bude myslet dál správně, že je to tvořeno pomocí funkce a časem se zjistí víc) ta citace měla dokreslit to, že ačkoliv JS není funkcionální jazyk (i když využívá některé jeho mechanismy), tak se na jeho OOP nedá dívat jako na OOP třeba C#.
Btw. v prvním komentáři jsem se dokonce pokoušel mluvit o tom jako o
objektu ale když mu to
nestačilo, ještě jsem to zjednodušil.
A je super, že si doučoval programátory, ale já tady nedoučuji a
ani nepíšu článek, který se tím zabývá, tohle je komentář, který mu
odpověděl na otázku
několika pochopitelnými příklady a když bude potřebovat zjistit o tom
něco víc tak si buď najde někoho schopného jako jsi ty a nebo si to najde
na netu!
Jurajs:23.9.2015 16:25
Pokud jde o OOP v JS, nejsem v tom žádnej přeborník, ale ten první
příklad s new vytvoříš objekt, bez toho new to nevím co znamená, asi tak
ve zkratce, jinak díky za informace. Většinou na weby používám v JS jen
funkce a jQuery - to je jednoduchší 
Neaktivní uživatel:23.9.2015 16:34
Však já tě taky nekritizuju ... funkcionálně v JS není podle mě špatně... ten jazyk je
dokonale navrženej na event handling, tak proč toho nevyužít v té
nejjednodušší formě... jinak samozřejmě ten první JE volání
konstruktoru, ovšem ten druhý už má s OOP méně společného... neřekl
jsem s objekty protože objektem je právě i ona funkce... je to krásně
zacyklený v sobě.. no na objekty je super seriál na Zdrojáku a možná by
stálo za to jediný ucelený článek na OOP v JS tady na síti taky trochu
rozšířit ...
Patrik Valkovič:23.9.2015 18:20
- Abych se taky ponočil do diskuze
- Neaktivní uživatel - Javascript je neskutečně mocný jazyk. Dovolí to, co jiné jazyky ani nenapadne. Bohužel to často vede k tomu, že v něm lidi píší jak (omlouvám se) prasata.
K původní otázce: s JS sis to pěkně zkomplikoval. funkce je objekt a s
objektem můžeš v JS pracovat jako s polem. Takže vlastně, funkce je pole
(fantastické, žejo ).
Klíčové slovo u objektů v JavaScriptu je "this". Funkce, která to obaluje
(function uzivatel) si můžeš představit jako konstruktor. Když ji ale
nezavoláš přes new, je to stále jen funkce. V prvním případě tedy
zavoláš funkci - proměnná bude obsahovat null nebo undefined (nebo něco
takového). Ve druhém případě vytváříš instanci tříy uživatel, která
ale bude prázdná, protože nemá nadefinované žádné atributy (nikde není
použito slovo this).
Pokud se chceš blíže podívat, jak proměnné vypadají, použij console.log(pavel). Do konzole prohlížeče by se ti měl objekt vypsat a můžeš si projít jeho strukturu.
Co se dědičnosti týče, na tom se programátoři snad ještě neshodli. Zavádí se pojem prototypová dědičnost - bližší info zde: https://developer.mozilla.org/…totype_chain (to spíše pro zájemce, ať tě to ještě nezmate víc).
Nakonec mé doporučení - pokud neumíš OOP pořádně z nějakého jiného (normálního) jazyka, tak se ho první nauč tam. Ať to bude C++, C#, Java. Poté bych teprve přešel na JS - protože jako jazyk je hodně specifický.
Neaktivní uživatel:23.9.2015 19:00
Za referencí díky, ale skoro to vypadá jako by zmínka o prasatech
směřovala taky na mě
Patrik Valkovič:23.9.2015 19:22
To rozhodně ne Myslel
jsem to tak všeobecně že
lidi, kteří nemají dobré základy OOP, píšou tak, že se v tom potom ani
za mák nevyzná
Neříkám, že je to tvůj případ
hypnozc:25.9.2015 12:38
Koukám, že jsem tu vyvolal pořádnou diskusi. Všem děkuji za odpověď,
především Michal Martinek, protože přesně toto jsem
hledal. Základy OOP mám z C# a PHP, takže OOP v JS ES6 mi naprosto vyhovuje.
Ještě jednou moc děkuji!
Honza Bittner:26.9.2015 10:59
ES2015 classes are a simple sugar over the prototype-based OO pattern. Having a single convenient declarative form makes class patterns easier to use, and encourages interoperability. Classes support prototype-based inheritance, super calls, instance and static methods and constructors.
Jen abys věděl, jak to vlastně funguje... JS jede v jádru pořád na
prototypech.
Zobrazeno 30 zpráv z 30.