F.prototype

Pamatujte, že nové objekty mohou být vytvořeny konstruktorem, například new F().

Pokud vlastnost F.prototype obsahuje objekt, pak operátor new jej nastaví jako [[Prototype]] nově vytvořenému objektu.

Prosíme všimněte si, že F.prototype zde znamená regulérní vlastnost jménem "prototype" funkce F. Trochu se to podobá pojmu „prototyp“, ale tady máme opravdu na mysli obvyklou vlastnost s tímto názvem.

Zde je příklad:

let zvíře = {
  žere: true
};

function Králík(jméno) {
  this.jméno = jméno;
}

Králík.prototype = zvíře;

let králík = new Králík("Bílý králík"); //  králík.__proto__ == zvíře

alert( králík.žere ); // true

Nastavení Králík.prototype = zvíře znamená doslova toto: „Když bude vytvořen new Králík, přiřaď zvíře do jeho vlastnosti [[Prototype]]“.

Výsledný obrázek je následující:

Na obrázku je "prototype" vodorovná šipka, která znamená regulérní vlastnost, a [[Prototype]] je svislá šipka, která znamená dědění objektu králík z objektu zvíře.

Standardní F.prototype, vlastnost konstruktoru

Vlastnost "prototype" má každá funkce, i když ji neuvedeme.

Standardní "prototype" je objekt s jedinou vlastností constructor, která ukazuje zpět na samotnou funkci.

Například takto:

function Králík() {}

/* standardní prototyp
Králík.prototype = { constructor: Králík };
*/

Můžeme si to ověřit:

function Králík() {}
// standardně:
// Králík.prototype = { constructor: Králík }

alert( Králík.prototype.constructor == Králík ); // true

Jestliže nic nezměníme, bude vlastnost constructor dostupná skrz [[Prototype]] všem králíkům:

function Králík() {}
// standardně:
// Králík.prototype = { constructor: Králík }

let králík = new Králík(); // dědí z {constructor: Králík}

alert(králík.constructor == Králík); // true (z prototypu)

Vlastnost constructor můžeme použít k vytvoření nového objektu stejným konstruktorem, jakým byl vytvořen stávající objekt.

Například zde:

function Králík(jméno) {
  this.jméno = jméno;
  alert(jméno);
}

let králík = new Králík("Bílý králík");

let králík2 = new králík.constructor("Černý králík");

To se hodí, když máme objekt, nevíme, jaký konstruktor pro něj byl použit (např. protože pochází z knihovny třetí strany), a potřebujeme vytvořit další objekt stejného druhu.

Asi nejdůležitější věcí na "constructor" je však to, že…

…samotný JavaScript správnou hodnotu vlastnosti "constructor" nezajišťuje.

Ano, nachází se ve standardní vlastnosti funkcí "prototype", ale to je vše. Co se s ní stane později, je zcela na nás.

Konkrétně, jestliže standardní prototyp úplně nahradíme něčím jiným, žádný "constructor" v něm nebude.

Například:

function Králík() {}
Králík.prototype = {
  skáče: true
};

let králík = new Králík();
alert(králík.constructor === Králík); // false

Abychom tedy udrželi správný "constructor", můžeme se rozhodnout, že budeme vlastnosti přidávat do a odebírat ze standardního "prototype", místo abychom jej úplně měnili:

function Králík() {}

// Nepřepíšeme Králík.prototype úplně
// jen do něj něco přidáme
Králík.prototype.skáče = true
// standardní Králík.prototype.constructor se zachová

Nebo alternativně vlastnost constructor vytvoříme znovu ručně:

Králík.prototype = {
  skáče: true,
  constructor: Králík
};

// nyní je constructor také korektní, protože jsme jej přidali

Shrnutí

V této kapitole jsme krátce popsali způsob, jak nastavit [[Prototype]] pro objekty vytvořené konstruktorem. Později uvidíme pokročilejší programovací vzory, které jsou na tom postaveny.

Všechno je zcela jednoduché, jen několik poznámek, abychom si to ujasnili:

• Vlastnost F.prototype (nepleťte si ji s [[Prototype]]) nastaví [[Prototype]] nových objektů, když je zavolán new F().
• Hodnota F.prototype by měla být buď objekt, nebo null: jiné hodnoty nefungují.
• Vlastnost "prototype" má tento speciální efekt jen tehdy, když je nastavena na konstruktoru a ten je zavolán pomocí new.

Na běžných objektech prototype neznamená nic zvláštního:

let uživatel = {
  jméno: "Jan",
  prototype: "Ble-ble" // vůbec žádná magie
};

Standardně mají všechny funkce F.prototype = { constructor: F }, takže můžeme získat konstruktor objektu přístupem k jeho vlastnosti "constructor".