Programowanie w JavaScript Rusz głową!

jesteś tutaj

209

Zrozumieć obiekty

var chevy = {

make: ”Chevy”,

model: ”Bel Air”,

year: 1957,

color: ”czerwony”,

passengers: 2,

convertible: false,

mileage: 1021

};

W jaki sposób tworzy się obiekty?

Mamy dobrą wiadomość: po zrobieniu ostatniego ćwiczenia

„Zaostrz

ołówek

”

już prawie udało Ci się utworzyć obiekt. Jedyną rzeczą, jaka

jeszcze pozostała, jest przypisanie tego, co zapisałeś

na poprzedniej

stronie

, do jakiejś zmiennej (żeby później można było na tym obiekcie

wykonywać różne operacje). Poniżej pokazaliśmy, jak to zrobić.

Następnie zacznij obiekt, zapisując otwierający

nawias klamrowy.

Każda właściwość składa się z nazwy, dwukropka oraz wartości.

W tym obiekcie mamy właściwości, których wartościami są

łańcuchy znaków, liczby oraz wartość logiczna.

Dodaj deklarację zmiennej, w której zostanie

zapisany obiekt.

Obiekt należy zakończyć zamykającym nawiasem klamrowym

i, podobnie jak wszystkie inne deklaracje zmiennych, znakiem

średnika.

Zauważ, że poszczególne właściwości są oddzielone

przecinkami.

Wewnątrz podaj wszystkie właściwości obiektu.

make: "Chevy"

model: "Bel Air"

year: 1957

color: "czerwony"

passengers: 2

convertible: false

mileage: 1021

chevy

Wzięliśmy przedstawiony powyżej

tekstowy opis obiektu i zmieniliśmy go

w prawdziwy, żywy obiekt języka

JavaScript.

A jaki jest wynik tych wszystkich zabiegów? Oczywiście — zupełnie nowy

obiekt. Wyobraź sobie obiekt jako coś, co łączy w jedną całość wszystkie

używane nazwy i wartości (czyli, innymi słowy, właściwości).

Teraz dysponujesz już żywym obiektem wypełnionym

właściwościami. Zapisałeś go w zmiennej, której będziesz

mógł używać, by pobierać i modyfikować właściwości obiektu.

Teraz możesz już używać swojego obiektu, przekazywać go w inne miejsca kodu,

pobierać wartości jego właściwości, zmieniać je, możesz także dodawać nowe

właściwości lub usuwać już istniejące. Już za chwilkę pokażemy, jak wykonywać

wszystkie te operacje; na razie jednak utwórzmy trochę więcej obiektów, by było

na czym przeprowadzać eksperymenty…

210

Rozdział 5.

Ćwiczenie z tworzenia obiektów

Jego przebieg

wynosi 12 892.

var cadi = {

};

Tutaj zapisz

właściwości

swojego nowego

obiektu Cadillac.

To Cadillac GM z 1955 roku.

Powiedzmy, że będzie

to kolor jasnobrązowy.

To nie jest kabriolet,

może przewozić do

pięciu osób (ma duże,

wygodne i składane

tylne siedzenie).

Ćwiczenie

Nie musisz ograniczać się do jednego obiektu. Prawdziwa potęga obiektów (jak się już niedługo przekonasz)

polega na możliwości tworzenia wielu obiektów i pisaniu kodu, który może operować na dowolnym obiekcie

przekazanym do tego kodu. Spróbuj swoich sił, tworząc od podstaw jeszcze jeden obiekt, kolejny obiekt

samochodu. Nie ociągaj się i zapisz poniżej kod swojego drugiego obiektu.

211

jesteś tutaj

1LHREDZLDMVLĊW\PUD]HPXMG]LH&LQDVXFKR]DPLDVWPDQGDWXFKFLHOLĞP\W\ONRSRSURVLü

ĪHE\Ğ]DSR]QDáVLĊ]SRQLĪV]\PLÄ]DVDGDPLMD]G\´GRW\F]ąF\PLWZRU]HQLDRELHNWyZ

8SHZQLMVLĊĪH]DSLVXMHV]VZRMHRELHNW\ZQDZLDVDFKNODPURZ\FK

var cat = {

name: ”puszysty”

};

1D]Z\ZáDĞFLZRĞFLRGG]LHODMRGLFKZDUWRĞFL]QDNLHPGZXNURSND

var planet = {

diameter: 49528

};

1D]Z\ZáDĞFLZRĞFLPRJąE\üGRZROQ\PLáDĔFXFKDPL]QDNyZMHGQDN]D]Z\F]DMVWRVXMHP\

áDĔFXFK\NWyUHPRJá\E\E\üSUDZLGáRZ\PLQD]ZDPL]PLHQQ\FK

var widget = {

cost$: 3.14,

”on sale”: true

};

:RELHNFLHQLHPRJąLVWQLHüGZLHZáDĞFLZRĞFLRWDNLHMVDPHMQD]ZLH

var forecast = {

highTemp: 34,

highTemp: 56

};

3RV]F]HJyOQHZáDĞFLZRĞFLF]\OLSDU\QD]ZDZDUWRĞüRGG]LHODM]QDNDPLSU]HFLQND

var gadget = {

name: "anvil",

isHeavy: true

};

1LH]DSLVXMSU]HFLQND]DZDUWRĞFLąRVWDWQLHMZáDĞFLZRĞFL

var superhero = {

name: "Batman",

alias: "=amaskowany mĂciciel"

};

Zauważ, że jeśli nazwą właściwości ma być

łańcuch zawierający znak odstępu, konieczne

jest zapisanie go w cudzysłowach.

ŹLE! To nie zadziała.

Tutaj nie trzeba

stawiać przecinka!

Zrozumieć obiekty