Programowanie w JavaScript Rusz głową!

jesteś tutaj

593

Stosowanie prototypów

species: "Psowate"

Prototyp Dog

bark()

run()

wag()

name: ".ieâ",

breed: "chihuahua",

weight: 4

Dog

Przesłanianie prototypu

Sam fakt, że odziedziczyliśmy coś po prototypie, nie oznacza,

że jesteśmy na to skazani. Bez trudu możemy

przesłaniać

właściwości i metody poprzez określenie ich wartości w instancji

obiektu. Takie rozwiązanie spełni swoje zadanie, gdyż poszukując

właściwości, JavaScript zawsze najpierw sprawdza instancję

obiektu — czyli konkretny obiekt psa — a

dopiero potem szuka

jej w prototypie. Gdybyś zatem chciał zastosować inną metodę

bark

w obiekcie

spot

, wystarczy, że ją w nim umieścisz. Kiedy to

zrobisz, JavaScript nie będzie zawracał sobie głowy zaglądaniem

do prototypu, kiedy przed wywołaniem metody

bark

zacznie jej

poszukiwać.

Zobaczmy, jak wygląda sytuacja, kiedy przesłonimy metodę

bark

Kła, by zapewnić mu możliwość głośnego szczekania „HAU HAU”.

„hiauu” to nie jest

szczekanie, które by mi odpowiadało.

Potrzebuję czegoś WIĘKSZEGO!

Co powiecie na „HAU HAU” powtórzone

i wielkimi literami?

function bark() {

// kod metody bark

}

function bark() {

QRZ\JïRV.ïD

HAU HAU

}

To jest niestandardowa

metoda bark, dostępna

wyłącznie w obiekcie spot.

Kiedy będzie już dostępna

w obiekcie, możemy ją

wywołać.

spot.bark();

Natomiast obiekt spot

korzysta z metody, dzięki

której szczeka „HAU HAU”.

Metoda bark dostępna

w prototypie nie jest

używana w obiekcie spot,

lecz wciąż korzystają

z niej obiekty fido i fluffy.

Kieł.

bark()

Prototyp psa

zostaje taki sam.

Poszukiwania metody bark

rozpoczynamy od obiektu spot.

I znajdujemy ją w nim, więc

nie musimy szukać jej dalej

w prototypie. Kiedy wywołamy tę

metodę, Kieł zaszczeka HAU HAU!

function run() {

// kod metody run

}

function wag() {

// kod metody wag

}

594

Rozdział 13

Ćwiczenie z prototypów

Tu narysuj swój diagram.

maker: "Ob.Fa.Ro"

Prototyp Robot

speak()

makeCoffee()

blinkLights()

name: "Robik"

Robot

function blinkLights() {

REVïXJDEï\VNDQLD

}

function speak() {

NRPXQLNDFMDJïRVRZD

}

function makeCoffee() {

// podawanie kawy

}

function makeCoffee() {

// kod parzenia kawy

}

name: "Robusia"

Robot

owner: "Dr. Morbius"

year: 1956

year: 1962

owner: Grzegorz Jetson

makeCoffee()

function cleanHouse() {

REVïXJDVSU]ÈWDQLD

}

onOffSwitch: true

To prototyp,

po którym mogą

dziedziczyć

Twoje roboty.

makeCoffee()

cleanHouse()

8âRİ\OLĤP\QDORGyZFHGLDJUDPRELHNWyZDOHNWRĤSU]\V]HGâL]XSHâQLHJRSRPLHV]Dâ

&]\PRİHV]SRPyFQDPJRRGWZRU]\þ"%ĐG]LHP\SRWU]HERZDOLGZyFKLQVWDQFMLSURWRW\SX

URERW-HGQċ]QLFKMHVW5RELNURERW]EXGRZDQ\ZURNXLQDOHİċF\GRGU0RUELXVD

5RELNMHVWZ\SRVDİRQ\ZHZâċF]QLNLSRWUDILFKRG]LþSRNDZĐGR6WDUEXFNVD0DP\

WDNİH5REXVLĐXWZRU]RQċZURNXNWyUDVSU]ċWDPLHV]NDQLH2EHFQLHQDOHİ\RQD

GR*U]HJRU]D-HWVRQD3RZRG]HQLD$MHV]F]HMHGQRPRİHVLĐ]GDU]\þİHQLHNWyUH

]PDJQHVLNyZZLGRF]Q\FKXGRâXVWURQ\EĐGċSRWU]HEQH

Magnesy z kodem