Diskuze: Vytváření objektů
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Neaktivní uživatel:17.9.2015 16:08
Mě to stejně nedá a musím to říct...
Objekty v JS:
pomocí konstruktoru, neanonymně:
function person(name, age, sex, ) {
this.name = name;
this.age = age;
this.sex = sex;
this.sayHelloTo = function(name) {
alert("Hello "+name);
}
}
person("John", 23, "male");Význam: zapouzdření, možnost použít na neomezeně mnoho osob, takže je to doslova něco jako třída, funkce v proměnných normálně zavoláš
pomocí konstruktoru anonymně:
var person = function() {
this.name = "John";
this.age = 23;
this.sex = "male";
this.sayHelloTo = function(name) {
alert("Hello "+name);
}
}Význam: zapouzdření, tady už ale nejde použít na víc osob, funkce se chovají stejně jako nahoře
jako JSON:
var person = {
name : "John",
age : 23,
sex : "male",
say: function (param) {
console.log("hello: "+param);
}
}Význam: rychlé, dobře se v tom orientuje, zapouzdření, pracuješ s tím jako s JSONem
něco jako spojení JSONu a konstruktoru a anonymní samospouštěcí funkce :
function getDataFromDatabase(id) {
//TODO some database, some AJAX, something
return 23;
}
var person = (function() {
var num;
var str = "John";
//TODO some logic here
num = getDataFromDatabase(123);
return {
name : str,
age : num
};
})();Význam: zapouzdření, vlastně je to dost podobný anonymnímu literalu (tomu druhému postupu), taky to tam rveš víceméně na tvrdo, samozřejmě můžeš udělat to co demonstruju a ty proměnný naplnit podle nějaký logiky, nicméně výhodou může být to, že v tom returnu si nakomponuješ zase JSON objekt, teda zase přehlednost a dobrá orientace
ještě jde použít něco jako pole a nedivil bych se kdybych na něco zapomněl, ALE co sem tím chtěl říct, že každej z těch postupů má svojí velmi silnou stránku, pokud se provede správně, rozhodně bych neřekl, že jen jako object literal je správně ... a doufám, že jestli Majklovi něco do teď nebylo jasný, nebo byl zmatený tak po tomhle už je všechno clear
PS: Pokud nemám pravdu, nebo kdokliv neshouhlasí, pokud jsem něco pochopil
špatně, nebo špatně popsal, prosím, jsem přístupný opravě, přece jenom
jsem člověk a chybovat je moje právo. 
Neaktivní uživatel:17.9.2015 22:30
Ta závorka tam být může, jde pak o něco jiného než to cos ukazoval
ty... stále ale jde o objekt, navíc parametry nejsou nic povinného..pokud je
do konstruktoru nechce, tak je tam přivolávat nemusí... faktem je, že on
totiž nejen, že má závorku hned na začátku, ale celý ten konstruktor má
pěkně obalený i tou druhou kulatou závorkou a taky má hned za nima další
dvě - značící volání funkce... zkrátka jde o to že do proměnné planet
uložil self invoking funkci (zkrátka sebe volající konstruktor), který
vrací objekt .... já jako javascripťák a javista se nad tímhle postupem
docela bavím, protože když by se to ještě trochu upravilo, nejen že je to
správně, ale navíc dostaneš z hlediska OOP a z pohledu JAVA programátora
(byť začínajícího) skutečný konstruktor jak má být - považ..zavoláš
ho ... sice bez new, ale to nevadí, a on VRÁTÍ objekt..no není to na první
pohled nádhera? 
a pak že
javascript nenabízí kvalitní objekty... blázni kdo na něj nadávaj... nad
tímhle kdyby někdo udělal nějakej robustní framework pro nooby a dal to
veřejnosti jako "vylepšenej" javascitp tak ti většina lidí řekne : No !
Konečně jste JS dali pořádný objekty!"... a vůbec by nevadilo, že to tam
je už jak dlouho... no abych jen nebásnil... je to asi o tomhle:
function giveMeFirstName(gender) {
return gender == "male" ? "John" : "Suzan";
}
function giveMeLastName() {
return "Wick";
}
var person = (function() {
var firstName = "";
var lastName = "";
var age = 0;
var gender = "male";
var skinColor = "white";
var cry = function() {
alert("Úuuuuuuu");
};
firstName = giveMeFirstName(gender);
lastName = giveMeLastName();
return {
firstName : firstName,
lastName : lastName,
age : age,
cry : cry,
saySmthing : function(sayWhat) {
console.log(sayWhat);
},
gender : gender,
color : skinColor
};
})();
person.saySmthing("hello ppl");
person.cry();
console.log(person.color);mimochodem tady je Live DEMO: http://jsfiddle.net/…ll/jLh0ke70/
a kdybych to měl nějak popsat... v podstatě je to funkční řešení, který může mít za určitých okolností naprosto jasný smysl... je to celé inspirované tímhle
var planet = {
name : "Pluto",
stillPlanet : false,
sayGoodBye : function() {
console.log("Bye bye");
},
magicNumber : 23
}stejně jako nahoře... tady pevně dáváš všechny property do objektu... což je super, ale co když to chceš udělat nějak s logikou? No použiješ to zapouzdření pomocí (function()....... výhodou je, že když ten objekt stavíš, máš jistotu, že ti chyba v kontextu nenaboří ten objekt a navíc můžeš při tvorbě toho objektu nevědět jeho property (teda spíš obsah) .. to je přece neskutečnej luxus pro programátora ne?
Zobrazeno 15 zpráv z 15.