< Return to Video

Wprowadzenie do obiektów

  • 0:01 - 0:05
    Napisałam program, aby opowiedzieć
    o Winstonie. Są pikantne szczegóły,
  • 0:05 - 0:09
    ale niedużo, bo Winston
    lubi mieć tajemnice.
  • 0:09 - 0:10
    Taki charakter.
  • 0:11 - 0:13
    Zobaczmy, jak napisałam
    ten program.
  • 0:14 - 0:17
    Zmienne u góry przechowują
    informacje o Winstonie.
  • 0:17 - 0:19
    Pierwsza - to liczba, czyli wiek,
  • 0:19 - 0:22
    druga - ciąg znaków (oczy),
  • 0:22 - 0:26
    trzecia - tablica słów
    (ulubione zajęcia),
  • 0:26 - 0:30
    a ciągi znaków w 2 ostatnich zmiennych
    dotyczą miejsca urodzenia.
  • 0:31 - 0:35
    Napisałam to u dołu
    z użyciem polecenia „text”
  • 0:35 - 0:37
    i nazwy zmiennej.
  • 0:37 - 0:41
    A do elementów tablicy mam dostęp
    przez nawiasy kwadratowe.
  • 0:42 - 0:43
    W porządku.
  • 0:43 - 0:45
    Cała piątka zmiennych
  • 0:45 - 0:49
    zawiera informacje
    na jeden temat: Winstona.
  • 0:49 - 0:52
    Ale zmienne nie wiedzą,
    że dotyczą tego samego.
  • 0:52 - 0:55
    A w JavaScript,
  • 0:55 - 0:58
    gdy chcemy przechowywać
    różne, ale powiązane informacje,
  • 0:58 - 1:01
    mamy na to świetny sposób.
  • 1:01 - 1:03
    Chodzi o obiekt.
  • 1:03 - 1:06
    Zamiast pięciu zmiennych
  • 1:06 - 1:11
    możemy mieć jedną, która przechowa
    wszystkie te informacje. Super!
  • 1:12 - 1:14
    Wypróbujmy to na Winstonie.
  • 1:14 - 1:18
    Najpierw określimy zmienną
    i nazwiemy ją „Winston”.
  • 1:18 - 1:21
    Potem otworzymy klamrę
  • 1:21 - 1:23
    (nie nawias kwadratowy!)
  • 1:24 - 1:25
    i wstawimy średnik.
  • 1:25 - 1:30
    Stworzyliśmy obiekt,
    ale nie zawiera on informacji.
  • 1:32 - 1:35
    Żeby dodać informacje,
    musimy dodać właściwości.
  • 1:36 - 1:38
    Właściwość - to klucz i wartość.
  • 1:38 - 1:41
    Np. wiek opiszemy jako „wiek: 19”.
  • 1:41 - 1:45
    Dobrze. Przy oczach
    wstawimy przecinek
  • 1:45 - 1:47
    i damy „oczy, czarne”.
  • 1:48 - 1:52
    Winston ma teraz
    dwie właściwości w obiekcie.
  • 1:53 - 1:56
    Co do ulubionych zajęć...
    Piszemy „lubi:”
  • 1:56 - 1:58
    po czym kopiuję i wklejam to.
  • 1:59 - 2:01
    Bardzo ładnie.
  • 2:01 - 2:04
    Patrzcie: Winston ma
    trzy właściwości.
  • 2:04 - 2:06
    Każda właściwość składa się z klucza,
  • 2:07 - 2:09
    po prawej stronie,
  • 2:09 - 2:11
    i wartości, po stronie lewej.
  • 2:13 - 2:17
    Klucz ma być zgodny z zasadami
    JavaScript co do nazw zmiennych.
  • 2:17 - 2:20
    Bez spacji, początek od litery itp.
  • 2:21 - 2:25
    Wartość może być każdego typu,
    jaki znamy.
  • 2:25 - 2:28
    Liczba, ciąg znaków, tablica...
  • 2:28 - 2:29
    nawet wyrażenie logiczne.
  • 2:29 - 2:33
    Możemy dodać:
    „jest_fajny : prawda”. Oczywiście!
  • 2:33 - 2:37
    Wartością może być nawet
    inny obiekt!
  • 2:38 - 2:40
    Miasto i stan, gdzie Winston się urodził.
  • 2:41 - 2:45
    Te informacje dotyczą tego samego:
    jednego miejsca.
  • 2:46 - 2:49
    Zatem lepiej przechowywać to
    jako obiekt.
  • 2:49 - 2:51
    Dodam klucz, „miejsce urodzenia”,
  • 2:51 - 2:55
    a co do wartości... zrobię klamry
  • 2:55 - 2:58
    i w środku napiszę klucz dla miasta:
  • 2:59 - 3:00
    „Mountain View”,
  • 3:00 - 3:03
    i stanu: „Kalifornia”.
  • 3:05 - 3:05
    Świetnie!
  • 3:05 - 3:10
    Widzicie, że w obiekcie można
    przechowywać dużo informacji.
  • 3:11 - 3:16
    Kiedy już mamy obiekt
    z informacjami o Winstonie,
  • 3:16 - 3:19
    spróbujmy skasować
    stare oddzielne zmienne,
  • 3:19 - 3:22
    które nie wiedziały o sobie nawzajem.
  • 3:22 - 3:24
    Dobrze? Oj!
  • 3:24 - 3:26
    Mamy błąd.
  • 3:26 - 3:30
    Bo polecenia „text”
    odnoszą się do starych zmiennych.
  • 3:30 - 3:34
    Musimy je uaktualnić, żeby używały
    informacji z obiektu.
  • 3:34 - 3:40
    Najpierw wycofam trzy ostatnie,
    po jednej.
  • 3:40 - 3:44
    No dobrze. Teraz mamy
    wiek Winstona.
  • 3:44 - 3:46
    Musimy to zmienić.
  • 3:46 - 3:50
    Wpisujemy „Winston” - nazwę zmiennej.
  • 3:50 - 3:52
    Jeśli zostawimy to, jak jest,
  • 3:52 - 3:55
    widać: „object object”. Wstrętne!
  • 3:55 - 3:57
    Tak JavaScript mówi nam,
  • 3:57 - 4:01
    że próbujemy zmienić cały
    obiekt w ciąg znaków.
  • 4:01 - 4:05
    A my chcemy tylko dostać się
    do „wieku” wewnątrz.
  • 4:05 - 4:07
    Stawiamy więc kropkę,
  • 4:07 - 4:11
    a potem wpisujemy klucz
    właściwości, czyli „wiek”.
  • 4:11 - 4:12
    Hura, mamy wiek!
  • 4:13 - 4:15
    Nazywamy to notacją z kropką.
  • 4:15 - 4:17
    Piszemy nazwę zmiennej obiektu,
  • 4:17 - 4:18
    stawiamy kropkę
  • 4:19 - 4:21
    i wpisujemy klucz właściwości.
  • 4:21 - 4:23
    Zróbmy coś więcej.
  • 4:24 - 4:27
    Wycofajmy to
    i zamiast „Winston eyes”
  • 4:27 - 4:29
    napiszmy Winston - kropka eyes.
  • 4:29 - 4:34
    A tu będzie: Winston - kropka - lubi.
  • 4:34 - 4:36
    Potem: Winston - kropka - lubi 1.
  • 4:37 - 4:40
    Z ostatnią zmienną
  • 4:40 - 4:42
    będzie trochę trudniej,
  • 4:42 - 4:45
    bo to obiekt w obiekcie.
  • 4:45 - 4:48
    Napiszemy „Winston”,
    postawimy kropkę,
  • 4:48 - 4:50
    „birthplace” (m. urodzenia)
  • 4:50 - 4:52
    ale nadal będzie to obiekt,
  • 4:52 - 4:54
    więc potrzebujemy kropki i miasta.
  • 4:56 - 4:57
    Zróbmy to tutaj.
  • 4:57 - 5:01
    Winston - kropka - miejsce
    urodzenia - kropka - stan.
  • 5:01 - 5:02
    Hura!
  • 5:02 - 5:07
    Super: możemy sięgać do obiektów
    znajdujących się w obiektach.
  • 5:08 - 5:09
    W porządku!
  • 5:10 - 5:12
    Fantastycznie!
  • 5:12 - 5:14
    Jak widzicie,
  • 5:14 - 5:16
    w obiektach można przechowywać
  • 5:16 - 5:19
    powiązanych informacji o czymś,
  • 5:19 - 5:21
    do których potem
    mamy dostęp.
  • 5:21 - 5:24
    Oglądajcie dalej. Zobaczycie,
    jak świetne są obiekty!
Title:
Wprowadzenie do obiektów
Description:

To tylko zapis naszych interaktywnych sesji poświęconych kodowaniu, stworzony by ułatwić ich przełożenie na inne języki. Polecamy obejrzenie tych sesji bezpośrednio pod adresem: https://pl.khanacademy.org/cs/programming/
more » « less
Video Language:
English
Duration:
05:26
Lech Mankiewicz edited Polish subtitles for Intro to Objects
Lech Mankiewicz edited Polish subtitles for Intro to Objects

Polish subtitles

Revisions

Our website uses cookies for analysis purposes.