1 00:00:00,000 --> 00:00:03,840 >> [Glazbom] 2 00:00:03,840 --> 00:00:05,770 3 00:00:05,770 --> 00:00:08,690 >> Doug LLOYD: Pa do sada smo stari pro na web programiranje, zar ne? 4 00:00:08,690 --> 00:00:12,140 A mi smo pokriveni nekoliko jezici u pojedinim videa. 5 00:00:12,140 --> 00:00:14,690 A sada ćemo napraviti još jedan, JavaScript. 6 00:00:14,690 --> 00:00:17,370 >> Prvo dobra vijest, JavaScript je moderna programiranje 7 00:00:17,370 --> 00:00:21,410 Jezik slično PHP čije sintaksa je izveden iz C, 8 00:00:21,410 --> 00:00:22,830 pa to je dobro mjesto za početak. 9 00:00:22,830 --> 00:00:25,880 Radi se o stara kao PHP, kao i, što je oko 20 godina. 10 00:00:25,880 --> 00:00:28,600 To je izumio oko u isto vrijeme kao PHP. 11 00:00:28,600 --> 00:00:32,240 A JavaScript je zapravo prilično Temeljni na korisničkom iskustvu 12 00:00:32,240 --> 00:00:32,740 na webu. 13 00:00:32,740 --> 00:00:34,448 U stvari, postoje tri jezika koje sam 14 00:00:34,448 --> 00:00:38,480 bih nekako bi gore Korisnik iskustvo u interakciji 15 00:00:38,480 --> 00:00:42,650 s web stranice, HTML, CSS i JavaScript. 16 00:00:42,650 --> 00:00:46,030 I tako sad ćemo pričati malo o JavaScriptu. 17 00:00:46,030 --> 00:00:50,301 >> Loša vijest je, međutim, s JavaScript da postavlja puno pravila za sebe, 18 00:00:50,301 --> 00:00:51,300 a onda ih razbija. 19 00:00:51,300 --> 00:00:54,010 A JavaScript zapravo može biti vrsta izazovan učiti, 20 00:00:54,010 --> 00:00:57,000 jer je za razliku od C i PHP, koje su vrlo strukturirana 21 00:00:57,000 --> 00:01:00,270 i imaju vrlo stroga pravila koliko stvari mogu raditi. 22 00:01:00,270 --> 00:01:03,690 JavaScript je vrsta od dobivši tako fleksibilan 23 00:01:03,690 --> 00:01:06,650 da možda stvari ne idu raditi onako kako smo mi zamislili, 24 00:01:06,650 --> 00:01:09,830 a možda mi stvarno ne mogu naučiti naš prvi programski jezik 25 00:01:09,830 --> 00:01:10,769 kao JavaScript. 26 00:01:10,769 --> 00:01:12,810 Pa možda zato što ne Sama bilo pravila postavljena, 27 00:01:12,810 --> 00:01:15,754 i to ne stvarno provoditi dobre kodiranje navike. 28 00:01:15,754 --> 00:01:18,170 No, sada smo, nadamo se razvili neke dobre kodiranje navike, 29 00:01:18,170 --> 00:01:21,470 pa možemo početi prepad u JavaScriptu malo. 30 00:01:21,470 --> 00:01:25,750 >> Za pisanje JavaScript, slično otvaranju up C datoteku s ekstenzijom dot C 31 00:01:25,750 --> 00:01:29,770 ili PHP datoteka s dot PHP ekstenzija, sve što trebate učiniti je otvoriti datoteku 32 00:01:29,770 --> 00:01:31,764 Uz Dot JS ekstenzija datoteke. 33 00:01:31,764 --> 00:01:34,430 Ne trebamo imati bilo kakvu posebnu razdvojnike kao što smo učinili u PHP. 34 00:01:34,430 --> 00:01:36,750 Ta vrsta kuta Nosač upitnik PHP 35 00:01:36,750 --> 00:01:40,300 da smo nekad toga, način možemo reći da je ono što naš preglednik imamo je 36 00:01:40,300 --> 00:01:43,502 JavaScript je uključivanjem je u HTML tag, 37 00:01:43,502 --> 00:01:46,210 i vidjet ćemo malo o kako to učiniti u samo trenutak. 38 00:01:46,210 --> 00:01:48,210 >> Druga stvar koja čini JavaScript drugačije, 39 00:01:48,210 --> 00:01:50,580 ipak, da to traje strani klijenta. 40 00:01:50,580 --> 00:01:53,430 Pa sjećam s PHP koji mi nikada ne bi mogao stvarno vidi 41 00:01:53,430 --> 00:01:57,041 PHP koji je naglasio web stranicu. 42 00:01:57,041 --> 00:01:59,040 Ako smo ikada pogledali Izvor stranica, samo mi bi 43 00:01:59,040 --> 00:02:02,830 vidjeti html koji je generira taj PHP. 44 00:02:02,830 --> 00:02:04,900 Ali JavaScript pokreće klijent strani. 45 00:02:04,900 --> 00:02:06,710 Vaš JavaScript radi na vašem računalu. 46 00:02:06,710 --> 00:02:09,050 I to je razlog zašto možete učiniti Stvari kao što su dodali prozorčića. 47 00:02:09,050 --> 00:02:09,550 Pravo? 48 00:02:09,550 --> 00:02:12,704 Blokiranje oglasa obično radi ubijajući sve JavaScript 49 00:02:12,704 --> 00:02:14,370 koji se izvodi na određenoj web stranici. 50 00:02:14,370 --> 00:02:19,000 I zato što će morati izvoditi na vašem računalu klijenta strani, 51 00:02:19,000 --> 00:02:21,910 možete samo zaustaviti JavaScript za trčanje u cijelosti. 52 00:02:21,910 --> 00:02:27,030 To također znači da kada koristite web stranica koja uključuje JavaScript, 53 00:02:27,030 --> 00:02:32,450 morate poslati izvor JavaScript broj kao dio svoje http odgovor 54 00:02:32,450 --> 00:02:34,159 klijentu, kada to zatraže. 55 00:02:34,159 --> 00:02:35,950 I tako možda ne želite koristiti JavaScript 56 00:02:35,950 --> 00:02:38,395 učiniti uistinu osjetljive stvari kao što prolazi podataka 57 00:02:38,395 --> 00:02:41,020 O lozinke korisničkih natrag i naprijed, jer oni zapravo 58 00:02:41,020 --> 00:02:45,610 će primiti sve izvornog koda, Ne samo da se generira HTML, 59 00:02:45,610 --> 00:02:49,030 kao što bi bio slučaj s recimo PHP. 60 00:02:49,030 --> 00:02:51,620 >> Pa kako ćemo uključiti JavaScript u našem html za početak? 61 00:02:51,620 --> 00:02:54,520 Pa, slično CSS, zapravo, je vrsta kako ćemo to učiniti ovdje. 62 00:02:54,520 --> 00:02:56,190 S CSS smo stil oznake. 63 00:02:56,190 --> 00:03:00,760 A unutar tih stilskih oznaka, možemo definirati CSS style sheet. 64 00:03:00,760 --> 00:03:03,450 Slično s JavaScriptom možemo otvoriti skripte oznake, 65 00:03:03,450 --> 00:03:06,660 drugi html tag nismo govoriti o u našem HTML video, 66 00:03:06,660 --> 00:03:09,720 i pisati JavaScript u između tih skripte tagova. 67 00:03:09,720 --> 00:03:13,960 Također, iako, kao što su CSS, mi mogla povezati u vanjski CSS datoteke 68 00:03:13,960 --> 00:03:15,900 i povucite ih u naš program koji način. 69 00:03:15,900 --> 00:03:18,280 S CSS možemo također, oprostite, s JavaScriptom 70 00:03:18,280 --> 00:03:23,240 možemo navesti izvor atribut oznake skripte 71 00:03:23,240 --> 00:03:25,720 povezati u JavaScript zasebno, tako da ne 72 00:03:25,720 --> 00:03:27,680 morate ga pisati u između skripte oznaka, mi 73 00:03:27,680 --> 00:03:29,600 mogu povezati u korištenju da skripta tag, kao dobro. 74 00:03:29,600 --> 00:03:33,230 I baš kao i kod slučaja s CSS gdje Preporučuje se da je to vjerojatno 75 00:03:33,230 --> 00:03:36,090 u svom najboljem interesu za pisanje Vaš CSS u zasebnu datoteku u slučaju 76 00:03:36,090 --> 00:03:38,500 morate ga mijenjati, slično ne preporučujemo 77 00:03:38,500 --> 00:03:40,720 da pišete svoje JavaScript u zasebnim datotekama 78 00:03:40,720 --> 00:03:45,460 i koristiti izvor skripta oznake pripisuju vezati JavaScript 79 00:03:45,460 --> 00:03:49,520 u svoj HTML, web stranici. 80 00:03:49,520 --> 00:03:52,610 >> Dakle JavaScript varijable, mi ćemo početi govoriti o sintaksi ovdje. 81 00:03:52,610 --> 00:03:53,600 A mi ćemo proći kroz ova vrsta vrlo brzo, 82 00:03:53,600 --> 00:03:56,640 zato što smo to učinili u PHP, tako sve ovo bi trebalo biti prilično upoznati. 83 00:03:56,640 --> 00:03:59,490 Dakle, varijable u JavaScriptu su vrlo sličan PHP varijable. 84 00:03:59,490 --> 00:04:03,270 Nema specifikator vrste i kada uvesti varijablu, 85 00:04:03,270 --> 00:04:05,070 možete ga prefiks s var ključnu riječ. 86 00:04:05,070 --> 00:04:07,750 U PHP bismo učiniti nešto ovako, dolar znak x. 87 00:04:07,750 --> 00:04:09,950 Tako smo naznačeno varijabla, ali ne, mi 88 00:04:09,950 --> 00:04:12,060 ne spominje tip varijable na sve. 89 00:04:12,060 --> 00:04:15,124 Želimo reći nešto poput Dolar znak x jednak 44 u PHP. 90 00:04:15,124 --> 00:04:17,040 Ako su činili Ista stvar je u JavaScript, 91 00:04:17,040 --> 00:04:19,589 rekli bismo var x jednako 44. 92 00:04:19,589 --> 00:04:22,780 Dakle var je vrsta putu uvođenja varijablu. 93 00:04:22,780 --> 00:04:26,850 To je možda i malo više intuitivno nego samo znak za dolar varijable. 94 00:04:26,850 --> 00:04:29,080 >> Opet, jer nema vrste podataka, možemo to učiniti 95 00:04:29,080 --> 00:04:34,490 s bilo koje vrste podataka, žice, sve ostalo će sve biti var. 96 00:04:34,490 --> 00:04:37,260 Kondicional, svi naši stari prijatelji iz C i PHP 97 00:04:37,260 --> 00:04:41,640 su još uvijek dostupni, tako da imamo ako, drugo, ako, inače, prekidač i pitanje 98 00:04:41,640 --> 00:04:42,240 Mark debelo. 99 00:04:42,240 --> 00:04:45,890 Prekidač preostala kao fleksibilna kao njega bio u PHP-u, ali sve to ste 100 00:04:45,890 --> 00:04:46,930 upoznati s do sada. 101 00:04:46,930 --> 00:04:49,900 A isto tako s petlje su stari favoriti vrijeme, 102 00:04:49,900 --> 00:04:52,700 to vrijeme, a za još uvijek dostupna za nas. 103 00:04:52,700 --> 00:04:55,880 Dakle, već znamo mnogo od Osnovna JavaScript vrsta fundamentima 104 00:04:55,880 --> 00:05:01,800 Samo na temelju ima vrlo malo znanja sada o C i PHP. 105 00:05:01,800 --> 00:05:03,670 >> Što je funkcija u JavaScriptu? 106 00:05:03,670 --> 00:05:08,199 Pa, sličan PHP svaka funkcija uveden s funkcijom ključnu riječ. 107 00:05:08,199 --> 00:05:10,740 Kažeš funkciju, a onda vas početi definirati svoje funkcije. 108 00:05:10,740 --> 00:05:12,531 Što je malo drugačiji O JavaScript, 109 00:05:12,531 --> 00:05:15,700 iako je sposobnost da se ono što se naziva anonimni funkcija. 110 00:05:15,700 --> 00:05:18,880 Tako možete definirati funkcije da nemaju ime. 111 00:05:18,880 --> 00:05:21,222 To je nešto što stvarno nisam vidio prije. 112 00:05:21,222 --> 00:05:23,430 Mi stvarno ćemo koristiti pojam od anonimnog funkcije 113 00:05:23,430 --> 00:05:27,880 malo kasnije u ovom Video, jer ću 114 00:05:27,880 --> 00:05:31,530 napraviti malo više smisla u kontekstu kad smo ga vidjeli u određenoj situaciji 115 00:05:31,530 --> 00:05:33,120 da sam izrađenih ovdje. 116 00:05:33,120 --> 00:05:35,710 Ali neka je samo pogledati na ono jednostavnog JavaScript 117 00:05:35,710 --> 00:05:37,850 Funkcija moglo izgledati. 118 00:05:37,850 --> 00:05:40,610 >> Tako sam otišao naprijed i otvorio moj CS50 IDE 119 00:05:40,610 --> 00:05:43,690 i već sam pokrenuti Apache za početak moj poslužitelj trčanje. 120 00:05:43,690 --> 00:05:46,800 I ja imam ovu sliku otvorite zove home.html. 121 00:05:46,800 --> 00:05:48,330 A ja ću povećavanje malo ovdje. 122 00:05:48,330 --> 00:05:52,090 A u osnovi, možete vidjeti Home.html je samo hrpa tipki. 123 00:05:52,090 --> 00:05:55,291 A ja sam tvrdio na vrhu ovdje da je ovo poglavlje JavaScript 124 00:05:55,291 --> 00:05:55,790 materijali. 125 00:05:55,790 --> 00:05:59,490 Dakle, postoji hrpa gumbe ovdje, ali što ti gumbi zapravo učiniti? 126 00:05:59,490 --> 00:06:03,662 >> Pa, mi ćemo nad glavom na moje IED, i ja home.html su ovdje otvoriti. 127 00:06:03,662 --> 00:06:05,620 Na samom početku, ovdje gdje sam povezivanja 128 00:06:05,620 --> 00:06:07,500 u svim mojim JavaScript izvorne datoteke. 129 00:06:07,500 --> 00:06:08,000 Pravo? 130 00:06:08,000 --> 00:06:12,440 Dakle, imam anonymous.js, clock.js, Ja sam koristeći izvorni atribut 131 00:06:12,440 --> 00:06:14,440 od oznake skripte za povezivanje u datoteku. 132 00:06:14,440 --> 00:06:18,660 Pa nisam napisao bilo JavaScript izravno u ovu sliku, 133 00:06:18,660 --> 00:06:21,790 ali sam izvukao u svim JavaScript sam napisao zasebno. 134 00:06:21,790 --> 00:06:24,540 A ako ćemo pronaći ovdje, ovo dolje trebali svi izgledaju pomalo poznato 135 00:06:24,540 --> 00:06:27,090 s malo novih sintakse. 136 00:06:27,090 --> 00:06:32,655 Imamo ovdje header oznaka za funkcije i zatim gumb. 137 00:06:32,655 --> 00:06:35,530 Imam ulaz koji je gumb tipa, i očito kad sam ga klik, 138 00:06:35,530 --> 00:06:38,130 Idem nazvati neke funkcionirati datum upozorenja. 139 00:06:38,130 --> 00:06:41,792 A to je kako možemo vrsta pomiješati malo JavaScript i HTML. 140 00:06:41,792 --> 00:06:44,500 Oni su zapravo igraju prilično lijepo zajedno, pa kada je očito 141 00:06:44,500 --> 00:06:48,730 Ja kliknite na ovaj gumb, idem nazvati neki datum funkciju upozorenja. 142 00:06:48,730 --> 00:06:53,660 A isto tako se definira sam ponašanja za sve ostale tipke koje 143 00:06:53,660 --> 00:06:56,440 su na toj stranici home.html, koje ćemo vraćaju 144 00:06:56,440 --> 00:06:59,172 se tijekom ovog videa. 145 00:06:59,172 --> 00:07:00,880 No, vratimo se ovdje i pogledati 146 00:07:00,880 --> 00:07:03,850 pri clock.js, koji je JavaScript datoteke koje sam 147 00:07:03,850 --> 00:07:07,370 napisao da je ovo prvi funkciju ćemo pogledati. 148 00:07:07,370 --> 00:07:11,630 Kao što možete vidjeti, ja sam počeo moju JavaScript raditi s funkcijom ključne riječi, 149 00:07:11,630 --> 00:07:14,560 a ja sam dao taj jedan A ime, to se zove datum upozorenja. 150 00:07:14,560 --> 00:07:18,710 Unutar tamo, ja očito stvoriti Novi lokalni varijabla zove trenutni datum. 151 00:07:18,710 --> 00:07:21,500 I ja ću dodijeliti ravnopravni u novi dan. 152 00:07:21,500 --> 00:07:24,430 A mogli bismo dobiti u puno detalj kao što je datum, 153 00:07:24,430 --> 00:07:27,060 i stvarno JavaScript je tako velik da ne možemo 154 00:07:27,060 --> 00:07:28,330 pokriti sve na jednom videu. 155 00:07:28,330 --> 00:07:32,220 No, dovoljno je reći, to se događa da se vrate k meni stavke podataka koji 156 00:07:32,220 --> 00:07:35,470 sažima trenutni datum i vrijeme. 157 00:07:35,470 --> 00:07:39,100 Ja spremanje koja u varijablu da sam očito će upozoriti trenutni datum. 158 00:07:39,100 --> 00:07:41,300 >> Pa, što se upozorenje trenutni datum izgledati? 159 00:07:41,300 --> 00:07:46,460 Uzmimo pogled na samu datoteku natrag preko u prozoru preglednika. 160 00:07:46,460 --> 00:07:49,551 Pa opet, ovo je gumb koji sam su vezani za, ovaj nazivom funkciju. 161 00:07:49,551 --> 00:07:51,800 I ja sam ga tamo i kliknite tražiti ono što je učinio, to upozoreni. 162 00:07:51,800 --> 00:07:56,140 To popped ovu vrstu okvira reći mi da je trenutna vrijeme, očito 163 00:07:56,140 --> 00:07:59,370 to je 4. studenog u 10:43:43 ujutro. 164 00:07:59,370 --> 00:08:02,345 I ako sam ga ponovno kliknite sada to je nekoliko sekundi kasnije, zar ne? 165 00:08:02,345 --> 00:08:03,720 Tako da je sve to funkcija radi. 166 00:08:03,720 --> 00:08:07,670 Kad sam kliknite na ovaj gumb, to pojavi se poruka upozorenja za mene. 167 00:08:07,670 --> 00:08:13,806 168 00:08:13,806 --> 00:08:15,690 Tako da stvarno ne previše funkcija 169 00:08:15,690 --> 00:08:19,110 To je različito od PHP, samo malo novih sintakse 170 00:08:19,110 --> 00:08:22,500 koji dolazi s radom s JavaScriptom. 171 00:08:22,500 --> 00:08:24,650 >> Nizovi u JavaScriptu su prilično jednostavan. 172 00:08:24,650 --> 00:08:27,200 Izjaviti niz, koristite uglatim zagradama sintaksa 173 00:08:27,200 --> 00:08:30,090 da smo upoznati s iz PHP. 174 00:08:30,090 --> 00:08:33,432 A sličan PHP, mi Također možete miješati vrste podataka. 175 00:08:33,432 --> 00:08:35,140 Dakle, ovo polje, i tih polja bih 176 00:08:35,140 --> 00:08:36,960 biti potpuno legitimni JavaScript. 177 00:08:36,960 --> 00:08:42,500 Jedan je to sve prirodni brojevi, a onaj koji se miješaju različite vrste podataka. 178 00:08:42,500 --> 00:08:45,020 >> Što je nešto vrlo različite u JavaScriptu, iako? 179 00:08:45,020 --> 00:08:47,020 To je pojam objekta. 180 00:08:47,020 --> 00:08:50,240 Pa možda ste čuli za Objektno orijentirano programiranje. 181 00:08:50,240 --> 00:08:53,370 Mi ne radimo puno toga u CS50, ali mi ćemo učiniti malo toga 182 00:08:53,370 --> 00:08:55,670 Ovdje u kontekstu JavaScript. 183 00:08:55,670 --> 00:08:59,100 Sada JavaScript ima mogućnost ponašaju kao objektno orijentirano programiranje 184 00:08:59,100 --> 00:09:02,615 jezika, ali nije sama isključivo objektno orijentirani 185 00:09:02,615 --> 00:09:03,490 programski jezik. 186 00:09:03,490 --> 00:09:05,281 A to opet dolazi natrag zašto sam rekao, to 187 00:09:05,281 --> 00:09:10,610 može biti vrlo izazovna za naučiti JavaScript kao svoj prvi programiranje 188 00:09:10,610 --> 00:09:13,890 jezik, jer se ne stvarno stane određenu paradigmu. 189 00:09:13,890 --> 00:09:16,430 >> C, s druge strane je funkcionalni programski jezik. 190 00:09:16,430 --> 00:09:22,270 Ako želimo, funkcije su vrsta velikog gazda čovjeku, zar ne? 191 00:09:22,270 --> 00:09:24,410 Oni diktiraju što događa sve ostalo. 192 00:09:24,410 --> 00:09:26,600 Želimo promijeniti varijable, zovemo funkcija. 193 00:09:26,600 --> 00:09:28,220 Mi radimo stvari funkcijama. 194 00:09:28,220 --> 00:09:31,250 Objekti umjesto toga, u objektno orijentirani jezik, 195 00:09:31,250 --> 00:09:35,937 objekata vrsta postao zvijezda i funkcije postaju neka vrsta sekundarne. 196 00:09:35,937 --> 00:09:38,270 No, ono što je predmet, što je to pojam objekta? 197 00:09:38,270 --> 00:09:40,880 Pa, ako to pomaže, mislim o tome na prvoj vrsti 198 00:09:40,880 --> 00:09:44,540 od poput C strukture ili STRUCT koje smo naučili o prije. 199 00:09:44,540 --> 00:09:47,430 U C, struktura sadrži broj polja, 200 00:09:47,430 --> 00:09:51,174 a možda smo sada mogli početi zvati tim područjima svojstva. 201 00:09:51,174 --> 00:09:53,590 Ali svojstva nikada stvarno stati na svoje, zar ne? 202 00:09:53,590 --> 00:09:56,410 Ako sam definirati strukturu za auto kao što je ovaj sa slijedeće dvije 203 00:09:56,410 --> 00:10:00,750 polja ili svojstva, jedan an broj za godinu automobila 204 00:10:00,750 --> 00:10:04,290 i još 10 znakova niz za model automobila, 205 00:10:04,290 --> 00:10:07,150 Ja mogu reći nešto poput ovoga, Ja mogu proglasiti novu varijablu 206 00:10:07,150 --> 00:10:10,080 tipa struct automobila Herbie. 207 00:10:10,080 --> 00:10:13,730 I onda ja mogu reći nešto kao herbie.year jednaka 1.963, 208 00:10:13,730 --> 00:10:15,850 i herbie.model jednak bubu. 209 00:10:15,850 --> 00:10:17,000 To je u redu. 210 00:10:17,000 --> 00:10:19,680 Ja sam koristeći polja u kontekstu strukture, 211 00:10:19,680 --> 00:10:22,290 ali nisam mogao jednostavno reći nešto poput ovoga. 212 00:10:22,290 --> 00:10:22,790 Pravo? 213 00:10:22,790 --> 00:10:26,836 Ne mogu koristiti naziv polja neovisno strukture. 214 00:10:26,836 --> 00:10:28,210 To je vrsta temeljne stvari. 215 00:10:28,210 --> 00:10:32,990 >> Dakle polja se temeljna za C struktura 216 00:10:32,990 --> 00:10:39,050 su vrlo slične osobine kao od temeljne važnosti za JavaScript objektima. 217 00:10:39,050 --> 00:10:42,080 No, ono što ih čini posebno zanimljivo 218 00:10:42,080 --> 00:10:46,230 je da predmeti također može imati ono što se nazivaju metode, koje su stvarno 219 00:10:46,230 --> 00:10:50,730 samo fancy riječ za funkcije koje su svojstveni objekta, kao dobro. 220 00:10:50,730 --> 00:10:55,340 Tako da je funkciju koja može biti samo naziva u kontekstu objekta. 221 00:10:55,340 --> 00:10:59,200 Samo objekt koji je definirao ova funkcija unutar njegove, 222 00:10:59,200 --> 00:11:02,020 ako mislite o struct, funkcija 223 00:11:02,020 --> 00:11:05,720 definiran u one definiranju vitičastih zagrada strukture. 224 00:11:05,720 --> 00:11:07,980 Dakle, to samo znači nešto strukturi. 225 00:11:07,980 --> 00:11:10,960 I to je vrsta ono što radimo ovdje s objektima i metodama. 226 00:11:10,960 --> 00:11:13,580 To je u osnovi kao što smo definiranje funkcije koje 227 00:11:13,580 --> 00:11:16,670 ima smisla samo na Konkretno objekt, pa smo 228 00:11:16,670 --> 00:11:19,440 nazvati metodu objekta. 229 00:11:19,440 --> 00:11:23,180 I nikada ne možemo nazvati Funkcija neovisan od objekta, 230 00:11:23,180 --> 00:11:29,260 baš kao što ne možemo reći godine ili model neovisno od STRUCT u C. 231 00:11:29,260 --> 00:11:32,300 >> Dakle funkcionalni programiranje paradigme izgledati nešto poput ovoga. 232 00:11:32,300 --> 00:11:35,450 Funkcija a onda kad prođe u objekt kao parametar. 233 00:11:35,450 --> 00:11:38,650 U objektno orijentiranog programskog jezika, ova vrsta dobiva 234 00:11:38,650 --> 00:11:43,464 zrcaljeno, a mi bi razmišljati o to ovako, object.function. 235 00:11:43,464 --> 00:11:45,380 Tako je vrsta te točke Operator opet implicira 236 00:11:45,380 --> 00:11:49,540 da je neka vrsta imovine ili atribut samog objekta. 237 00:11:49,540 --> 00:11:53,240 No, to je ono što je predmet orijentirani programski jezik 238 00:11:53,240 --> 00:11:57,150 možda učiniti da bi funkciju Pozivamo metodi, opet, što 239 00:11:57,150 --> 00:12:00,260 je samo posebna riječ za funkciju koja je svojstvena objekt. 240 00:12:00,260 --> 00:12:03,440 To je ono koje sintaksa moglo izgledati. 241 00:12:03,440 --> 00:12:09,360 I tako ćemo početi vidjeti neke od to u kontekstu JavaScript. 242 00:12:09,360 --> 00:12:12,470 >> Također možete razmišljati o nekom objektu vrsta kao asocijativni niz, 243 00:12:12,470 --> 00:12:14,160 što smo upoznati s iz PHP. 244 00:12:14,160 --> 00:12:17,720 Sjetiti asocijativni niz omogućuje da imamo ključnih parova vrijednosti, umjesto 245 00:12:17,720 --> 00:12:23,040 vlasništvo indeksa 0, jedan, dva, tri, i tako dalje kao da smo se iz C 246 00:12:23,040 --> 00:12:23,940 polja. 247 00:12:23,940 --> 00:12:27,472 Asocijativnih polja može karti Riječi, kao što je u PHP video, 248 00:12:27,472 --> 00:12:29,180 smo razgovarali o preljeva pizza. 249 00:12:29,180 --> 00:12:31,180 I tako smo imali niz nazivaju pizze, a mi 250 00:12:31,180 --> 00:12:36,670 imala sir je bio ključ i 8,99 $ je vrijednost, a zatim feferoni bio ključni, 251 00:12:36,670 --> 00:12:39,190 9,99 $ je vrijednost, i tako dalje. 252 00:12:39,190 --> 00:12:43,300 I tako možemo razmišljati o objekt vrsta sličan asocijativno 253 00:12:43,300 --> 00:12:43,840 niz. 254 00:12:43,840 --> 00:12:47,020 I tako to sintaksa ovdje će stvoriti novi objekt 255 00:12:47,020 --> 00:12:50,950 zove Herbie s dva svojstva unutar nje. 256 00:12:50,950 --> 00:12:57,310 Godina koja je dodijeljena vrijednost 1963., i model, koja se dodjeljuje string 257 00:12:57,310 --> 00:12:58,140 Buba. 258 00:12:58,140 --> 00:13:01,770 >> I primijetiti ovdje da ja koristim jednostruke navodnike u JavaScriptu. 259 00:13:01,770 --> 00:13:05,570 Možete koristiti jednostruke ili dvostruke navodnike kada govorimo o žice. 260 00:13:05,570 --> 00:13:07,772 To je samo uobičajeno slučaj da većinu puta 261 00:13:07,772 --> 00:13:10,230 kada pišete JavaScript, vi samo koristite jednostruke navodnike. 262 00:13:10,230 --> 00:13:15,050 Ali ja mogao koristiti dvostruke navodnike ovdje, a da će biti savršeno u redu, kao dobro. 263 00:13:15,050 --> 00:13:17,470 >> Pa sjetite se kako je u PHP smo imali ovaj pojam 264 00:13:17,470 --> 00:13:22,730 od a za svaku petlju koja će nam omogućiti da ponoviti nad svim ključnim vrijednosti 265 00:13:22,730 --> 00:13:25,270 pari asocijativne niz, jer mi 266 00:13:25,270 --> 00:13:29,050 nisu imali tu mogućnost ponoviti kroz 0, jedan, dva, tri, četiri, 267 00:13:29,050 --> 00:13:30,710 i tako dalje? 268 00:13:30,710 --> 00:13:35,010 JavaScript je nešto vrlo slično, ali to ne zove za svaku petlju, 269 00:13:35,010 --> 00:13:38,960 to se zove iz petlje. 270 00:13:38,960 --> 00:13:42,890 Dakle, ako sam rekao da mi kao ovaj, za var ključ u objekt, 271 00:13:42,890 --> 00:13:48,670 to je vrsta slična govoreći za svakog nešto kao nešto. 272 00:13:48,670 --> 00:13:53,850 Ali sve radim ovdje iterating kroz sve tipke mog objekta. 273 00:13:53,850 --> 00:13:56,070 A unutar kovrčava aparatić tamo, ja bih 274 00:13:56,070 --> 00:14:03,410 koristiti objekt uglatim zagradama tipku za odnose vrijednosti na tom ključnom mjestu. 275 00:14:03,410 --> 00:14:05,400 >> Alternativno, postoji čak i drugi pristup. 276 00:14:05,400 --> 00:14:10,880 Ako sam samo samo briga o vrijednosti, što mogu reći za ključ od objekta, 277 00:14:10,880 --> 00:14:12,360 i samo koristiti tipke iznutra. 278 00:14:12,360 --> 00:14:17,240 Tako je za var ključ u objektu, imam koristiti objekt uglate zagrade 279 00:14:17,240 --> 00:14:19,340 Ključ unutar petlje. 280 00:14:19,340 --> 00:14:24,580 Za var ključ objekta, mogu samo koristiti tipke unutar petlje, 281 00:14:24,580 --> 00:14:29,040 jer ja sam samo konkretno govori o vrijednostima tamo. 282 00:14:29,040 --> 00:14:32,630 >> Tako ćemo možda trebati pogledajte razlike 283 00:14:32,630 --> 00:14:35,670 samo da se brzo pokazati razlika između četiri 284 00:14:35,670 --> 00:14:40,730 i za mjesta sa vrlo specifičan niz koji smo ovdje, tjedan polje. 285 00:14:40,730 --> 00:14:43,616 Pa moram pronaći novi niz da sam ispunjen sedam žice, 286 00:14:43,616 --> 00:14:46,240 Ponedjeljak, utorak, srijeda, Četvrtak, petak, subota, nedjelja. 287 00:14:46,240 --> 00:14:50,530 I želim sada ponoviti kroz ovaj niz, 288 00:14:50,530 --> 00:14:53,090 ispis određenih podataka. 289 00:14:53,090 --> 00:14:58,780 Ako sam koristiti za u petlji za ispis informacije, 290 00:14:58,780 --> 00:15:00,710 što misliš da ću dobiti? 291 00:15:00,710 --> 00:15:01,710 Pa, neka je pogledati. 292 00:15:01,710 --> 00:15:05,300 I prije nego što smo skočiti preko mom prozoru preglednika, 293 00:15:05,300 --> 00:15:08,090 samo znam da console.log je vrsta jednog 294 00:15:08,090 --> 00:15:10,630 način radi ispisa F u JavaScriptu. 295 00:15:10,630 --> 00:15:12,040 No, ono što je konzola? 296 00:15:12,040 --> 00:15:14,940 Pa, to je ono što ćemo ići pogledati upravo sada. 297 00:15:14,940 --> 00:15:16,850 >> U redu, tako da smo se ovdje u mom prozoru preglednika, 298 00:15:16,850 --> 00:15:19,410 i ja ću otvoriti moj razvojne alate. 299 00:15:19,410 --> 00:15:22,290 Opet, ja sam samo udaranje F12 otvoriti razvojne alate. 300 00:15:22,290 --> 00:15:25,670 I primijetiti da ovdje na top sam izabrao konzole. 301 00:15:25,670 --> 00:15:28,480 Dakle, to je pojam developer konzole, 302 00:15:28,480 --> 00:15:30,500 i to će nam omogućiti da ispisati informacije iz, 303 00:15:30,500 --> 00:15:33,000 vrsta kao terminal, ali kao što ćete vidjeti malo kasnije, 304 00:15:33,000 --> 00:15:37,720 možemo upisati podatke u interakciji s naše web stranice. 305 00:15:37,720 --> 00:15:42,320 Idem povećavanje malo ovdje, a ja ću sad kliknite na iz testa. 306 00:15:42,320 --> 00:15:45,230 I četiri u test-- Neću pokazati vam kod za njega upravo sada, 307 00:15:45,230 --> 00:15:47,479 ali ćete ga dobiti ako preuzeti izvorni kod koji 308 00:15:47,479 --> 00:15:50,380 je povezana s ovim video-- je upravo to iz petlje 309 00:15:50,380 --> 00:15:52,610 kako smo vidjeli samo Drugi je prije na slajdu. 310 00:15:52,610 --> 00:15:54,810 >> Tako ću klik koji gumb, i ovdje, 311 00:15:54,810 --> 00:15:58,440 evo što je tiskan u konzola, 0, jedan, dva, tri, četiri, pet, 312 00:15:58,440 --> 00:15:58,940 šest. 313 00:15:58,940 --> 00:16:02,490 Nisam ispisati podatke unutar tih array mjestima, 314 00:16:02,490 --> 00:16:05,180 jer sam koristio jer u petlji. 315 00:16:05,180 --> 00:16:10,670 A unutar tijela petlje, sam Samo ispisati ključ ključ se ne protivi. 316 00:16:10,670 --> 00:16:18,600 Ali ako ja sada jasno moje konzole, a ja prebaciti na za ispitivanja, a četiri od testa 317 00:16:18,600 --> 00:16:22,500 Kažem ja koristiti za petlje umjesto da i ispisati ključ, 318 00:16:22,500 --> 00:16:28,079 ako ja kliknite da, sad sam dobivanje stvarni elementi unutar mog objekta 319 00:16:28,079 --> 00:16:29,120 ili moja niz u ovom slučaju. 320 00:16:29,120 --> 00:16:31,760 Moja niz tjedan dana. 321 00:16:31,760 --> 00:16:33,480 Ja ispisati u ponedjeljak, Utorak, srijeda. 322 00:16:33,480 --> 00:16:36,930 Tako da je razlika između for u petlju, koja ispisuje 323 00:16:36,930 --> 00:16:43,410 samo tipke, ako samo koristiti tipke unutar tijela petlje, 324 00:16:43,410 --> 00:16:46,850 a za petlje, koji ispisuje iz vrijednosti ako koristite samo 325 00:16:46,850 --> 00:16:48,870 Ključ unutar tijela petlje. 326 00:16:48,870 --> 00:16:52,380 >> U redu, kako ćemo sada početi spojite žice i možda miješati se 327 00:16:52,380 --> 00:16:57,220 neke varijable s interpolacije kao što smo bili u mogućnosti to učiniti u PHP? 328 00:16:57,220 --> 00:16:59,410 Pa, mi smo prilično upoznati s tim od PHP. 329 00:16:59,410 --> 00:17:04,109 To je, kako bi to učiniti pomoću dot operateru da spojite žice. 330 00:17:04,109 --> 00:17:06,260 U JavaScript, ipak, mi zapravo koristiti nešto 331 00:17:06,260 --> 00:17:09,290 zove plus operater, koji možda čak i malo više 332 00:17:09,290 --> 00:17:10,470 intuitivno, zar ne? 333 00:17:10,470 --> 00:17:12,609 Mi dodajemo hrpa žice zajedno. 334 00:17:12,609 --> 00:17:14,520 Tako ćemo krenuti natrag i vidjeti što je to 335 00:17:14,520 --> 00:17:18,693 će ispisati ako nas pokušavate ispisati sve informacije u tjednu polje. 336 00:17:18,693 --> 00:17:20,859 U redu, pod ovdje pod string ulančavanje, 337 00:17:20,859 --> 00:17:24,822 Imam dvije opcije, niz zgrada V1, a zatim niz zgrada V2. 338 00:17:24,822 --> 00:17:26,530 I vidjet ćemo zašto smo potrebno V2 u sekundi. 339 00:17:26,530 --> 00:17:28,610 Ali ja ću kliknuti na Niz zgrada V1, koji 340 00:17:28,610 --> 00:17:30,360 je kod nas bilo Samo uzimanje pogled na, 341 00:17:30,360 --> 00:17:32,980 console.log sa svim plusevima. 342 00:17:32,980 --> 00:17:35,910 Idemo vidjeti ako Ispisuje što očekujemo. 343 00:17:35,910 --> 00:17:39,939 >> Ponedjeljak dan broj 01 u tjednu, Utorak je dan broj 11 u tjednu. 344 00:17:39,939 --> 00:17:41,730 Pa, što sam pokušavao učiniti bilo je dobiti 345 00:17:41,730 --> 00:17:46,280 to ispisati u ponedjeljak je dan broj jedan, utorak je dan broj dva. 346 00:17:46,280 --> 00:17:50,140 No, čini se kao da sam Uvijek ispis jedan. 347 00:17:50,140 --> 00:17:51,260 Pa, zašto je to tako? 348 00:17:51,260 --> 00:17:55,600 Pa, ispostavilo se, uzeti još jedan pogled u ovom malom isječku koda ovdje. 349 00:17:55,600 --> 00:18:00,160 Obavijest da smo pomoću plus Operater u dva različita konteksta. 350 00:18:00,160 --> 00:18:03,221 >> I tako evo gdje možda stvari da smo vrsta govorio, 351 00:18:03,221 --> 00:18:03,970 Oh, to je tako super. 352 00:18:03,970 --> 00:18:05,910 Mi ne bave vrste podataka više. 353 00:18:05,910 --> 00:18:08,220 Ali ovdje je gdje je činjenica da gubimo vrste podataka 354 00:18:08,220 --> 00:18:10,960 zapravo može biti malo problem za nas. 355 00:18:10,960 --> 00:18:16,260 Sada kada je plus operator koristi za spojite žice i dodavanje brojeva 356 00:18:16,260 --> 00:18:19,550 zajedno, JavaScript mora napraviti svoje najbolje pogoditi 357 00:18:19,550 --> 00:18:22,030 kao što želim to učiniti za mene. 358 00:18:22,030 --> 00:18:23,900 I u ovom slučaju, pogađate krivo. 359 00:18:23,900 --> 00:18:29,340 To samo spojene dan, što bi bilo 0, jedan, dva, tri, četiri, pet, šest ili, 360 00:18:29,340 --> 00:18:32,060 a zatim ga jednostavno spojeni da, a zatim spojeni jedan. 361 00:18:32,060 --> 00:18:35,020 To zapravo nije ih dodati zajedno. 362 00:18:35,020 --> 00:18:37,320 I tako su ti jezici, PHP i JavaScript, 363 00:18:37,320 --> 00:18:39,196 da oduzme daleko ovaj pojam vrste, 364 00:18:39,196 --> 00:18:40,820 ne morate se nositi s njom više. 365 00:18:40,820 --> 00:18:43,600 Oni još uvijek nemaju vrste ispod haube. 366 00:18:43,600 --> 00:18:46,780 I možemo, u situacijama ovako, iskoristiti tu činjenicu 367 00:18:46,780 --> 00:18:49,240 rekavši nešto kao što je možda ovo, što 368 00:18:49,240 --> 00:18:53,210 govori JavaScript, od strane način, tretirati kao cijeli broj, 369 00:18:53,210 --> 00:18:57,100 nemojte ga tretirati kao niz, čak iako smo miješanjem žice 370 00:18:57,100 --> 00:18:58,940 i integers ovdje. 371 00:18:58,940 --> 00:19:02,204 >> To je samo jedna od onih stvari da se čini tako velik u kontekstu 372 00:19:02,204 --> 00:19:04,120 da ne moraju baviti vrstama više, 373 00:19:04,120 --> 00:19:05,828 ali ponekad ćete izvoditi u situaciji 374 00:19:05,828 --> 00:19:09,110 baš kao što je ovaj, gdje činjenica da nemate kontrolu nad vrstama 375 00:19:09,110 --> 00:19:11,220 može obiti o vama ako niste oprezni. 376 00:19:11,220 --> 00:19:18,285 I tako ako mi pop natrag na IDE, ja sam će opet rasprodati svoje konzole, 377 00:19:18,285 --> 00:19:20,660 i ja ću kliknuti string Zgrada verzija dva, što 378 00:19:20,660 --> 00:19:23,052 gdje sam koristiti taj parsiranje int funkciju. 379 00:19:23,052 --> 00:19:25,260 Sada je ispis informacije koje sam očekivao. 380 00:19:25,260 --> 00:19:29,330 Ponedjeljak dan broj jedan, utorak Dan je broj dva, i tako dalje. 381 00:19:29,330 --> 00:19:31,170 >> Tako ćemo razgovarati o funkcijama opet. 382 00:19:31,170 --> 00:19:34,790 Obećao sam da ćemo razgovarati o anoniman funkcije, a sada kontekst za to 383 00:19:34,790 --> 00:19:36,360 napokon je stigao. 384 00:19:36,360 --> 00:19:39,980 Dakle, prije nego što smo to učinili, idemo opet razgovarati O polja za samo sekundu. 385 00:19:39,980 --> 00:19:42,120 Dakle polja su poseban Slučaj objekta. 386 00:19:42,120 --> 00:19:45,180 U stvari, sve što je u JavaScript je zapravo objekt. 387 00:19:45,180 --> 00:19:47,190 Dakle funkcije su Poseban slučaj objekta, 388 00:19:47,190 --> 00:19:49,770 cijeli brojevi su poseban Slučaj objekta, 389 00:19:49,770 --> 00:19:52,152 ali nizovi posebno imaju brojne metode. 390 00:19:52,152 --> 00:19:55,110 Zapamti jer su objekti, oni mogu imati svojstva i metode. 391 00:19:55,110 --> 00:19:58,600 Oni imaju niz metoda koje mogu se primijeniti na one objekte. 392 00:19:58,600 --> 00:20:01,197 Postoji metoda naziva Veličina, array.size, 393 00:20:01,197 --> 00:20:03,030 koji će se vratiti na vi kao što ste mogli očekivati 394 00:20:03,030 --> 00:20:05,120 broj elemenata u nizu. 395 00:20:05,120 --> 00:20:08,480 array.pop, nešto poput naš pojam iskakanje izvan 396 00:20:08,480 --> 00:20:11,110 od stog, ako se sjećate iz naše hrpe videa, 397 00:20:11,110 --> 00:20:13,810 uklanja posljednji element iz polja. 398 00:20:13,810 --> 00:20:17,110 array.push dodaje novi element na kraju niza. 399 00:20:17,110 --> 00:20:20,910 array.shift je vrsta kao DQ, to splices se 400 00:20:20,910 --> 00:20:23,610 Prvi element niza. 401 00:20:23,610 --> 00:20:27,549 >> No, tu je i još jedna posebna metoda niza naziva kartu. 402 00:20:27,549 --> 00:20:29,340 A to je vrsta zanimljiv koncept. 403 00:20:29,340 --> 00:20:30,930 Dakle, ono što je ideja o karti? 404 00:20:30,930 --> 00:20:33,880 Vi zapravo ćete vidjeti na nekoliko drugih jezika, 405 00:20:33,880 --> 00:20:38,550 i mi ne govorimo o vrsta kartografa kartu ovdje, 406 00:20:38,550 --> 00:20:41,480 govorimo o funkciji mapiranja. 407 00:20:41,480 --> 00:20:44,110 U kontekstu smo ovdje govorimo o, karta 408 00:20:44,110 --> 00:20:47,950 je posebna operacija smo mogu obavljati na niz 409 00:20:47,950 --> 00:20:51,630 primijeniti određenu funkciju za svaki element tog polja. 410 00:20:51,630 --> 00:20:55,190 pa bismo reći ovaj slučaj, možda array.map, 411 00:20:55,190 --> 00:21:00,330 i unutar nje, mi prolaze u karti je funkcija koja želimo 412 00:21:00,330 --> 00:21:02,430 koji se primjenjuje na svaki element. 413 00:21:02,430 --> 00:21:07,299 Dakle, to je vrsta analogna korištenja petlja se ponoviti više svaki element 414 00:21:07,299 --> 00:21:09,340 i primijeniti određeni funkcioniraju na svakom elementu, 415 00:21:09,340 --> 00:21:14,830 Samo JavaScript je to izgrađen u Pojam mapiranje koje se mogu primijeniti. 416 00:21:14,830 --> 00:21:19,700 A to je velika kontekst govorimo o anonimnoj funkciji. 417 00:21:19,700 --> 00:21:22,370 >> Tako recimo imamo ovaj niz brojeva. 418 00:21:22,370 --> 00:21:25,370 To se zove Nums, i to je dobio pet stvari u njemu, jedan, dva, tri, četiri, 419 00:21:25,370 --> 00:21:26,410 pet. 420 00:21:26,410 --> 00:21:30,620 Sada želim map neke funkcija na ovom nizu. 421 00:21:30,620 --> 00:21:34,337 Želim imati funkciju prijaviti na svaki element niza. 422 00:21:34,337 --> 00:21:37,420 Pa, recimo da je ono što želim učiniti je samo dvostruko svih elemenata. 423 00:21:37,420 --> 00:21:42,520 Što sam mogao učiniti je samo koristiti petlju za var sam jednak 0, sam je manji od 424 00:21:42,520 --> 00:21:47,390 ili jednak 4, ja plus, plus, i zatim dvaput svaki broj. 425 00:21:47,390 --> 00:21:49,580 Ali ja mogu učiniti nešto ovako. 426 00:21:49,580 --> 00:21:53,420 Ja mogu reći Nums je nekada jedan dva tri četiri pet, 427 00:21:53,420 --> 00:21:58,310 Sada, međutim, ja bih vas rado primijeniti mapiranje na ovom nizu 428 00:21:58,310 --> 00:22:00,400 gdje želite udvostručiti svaki broj. 429 00:22:00,400 --> 00:22:02,540 I to je točno što se ovdje događa. 430 00:22:02,540 --> 00:22:06,870 Ali primijetiti ono što sam prolazu u što je argument za mapiranje. 431 00:22:06,870 --> 00:22:09,080 Ovo je anonimni funkcija. 432 00:22:09,080 --> 00:22:11,140 I primijetiti nisam dao ova funkcija ime, 433 00:22:11,140 --> 00:22:13,290 Samo sam ga dao popis parametara. 434 00:22:13,290 --> 00:22:16,370 I tako to je primjer od anonimnog funkcije. 435 00:22:16,370 --> 00:22:21,270 >> Mi obično nikada ne bih nazvao ovo Funkcija izvan konteksta karte. 436 00:22:21,270 --> 00:22:24,110 Mi smo ga definira kao parametar na karti, pa mi stvarno ne 437 00:22:24,110 --> 00:22:27,910 moraju imati naziv za to, ako je Jedina stvar koja brine o je karta 438 00:22:27,910 --> 00:22:30,339 i to je definirano u pravu postoji unutar karte. 439 00:22:30,339 --> 00:22:31,880 I tako je to anonimni funkcija. 440 00:22:31,880 --> 00:22:34,680 Nismo bili u mogućnosti to učiniti ranije. 441 00:22:34,680 --> 00:22:38,400 Karta neke funkcije koje prihvaća jedan parametar, num, 442 00:22:38,400 --> 00:22:41,890 i što da radi funkcija se vraća NUM puta 2. 443 00:22:41,890 --> 00:22:45,330 I tako, nakon toga Mapiranje je primijenjen, 444 00:22:45,330 --> 00:22:50,090 ovo je sada ono što Nums izgleda kao, dva, četiri, šest, osam, 10. 445 00:22:50,090 --> 00:22:52,090 A mi ćemo se pojaviti na to moj prozor preglednika i samo 446 00:22:52,090 --> 00:22:55,240 pogledajte ovo jako brzo, kao dobro. 447 00:22:55,240 --> 00:22:58,000 >> Dakle, imam još jedan gumb ovdje u mojoj početnoj stranici zove dvostruko. 448 00:22:58,000 --> 00:23:03,570 A kad sam kliknite dvaput, a to govori mi prije nego što je jedan, dva, tri, četiri, 449 00:23:03,570 --> 00:23:07,250 Pet nakon dvije, četiri, šest, osam, 10. 450 00:23:07,250 --> 00:23:11,930 I ako sam se vratiti i kliknite dvaput opet, dvije, četiri, šest, osam, 10. 451 00:23:11,930 --> 00:23:17,400 A onda, nakon, četiri, osam, 12, 16, a zatim 20. 452 00:23:17,400 --> 00:23:20,440 A što ja radim u ovoj funkciji? 453 00:23:20,440 --> 00:23:25,210 Pa, ako smo samo pop preko IDE, i Ja povući moj anonimni funkciju, ovdje 454 00:23:25,210 --> 00:23:28,780 na liniji sedam do 13 godina, ja sam radi malo otmjenu posao ovdje, 455 00:23:28,780 --> 00:23:32,240 ali ja sam samo ispis ono što je trenutno u nizu. 456 00:23:32,240 --> 00:23:36,580 Zatim na liniji 16, 17, i 18, tu je moja karta. 457 00:23:36,580 --> 00:23:40,930 Ovo je mjesto gdje sam primjene ove udvostručenje Funkcija za svakog pojedinog elementa. 458 00:23:40,930 --> 00:23:43,530 A onda malo dalje, Ja samo radim istu stvar 459 00:23:43,530 --> 00:23:46,640 Radio sam i prije, osim što je sada sam ispis sadržaja polja 460 00:23:46,640 --> 00:23:48,167 nakon toga. 461 00:23:48,167 --> 00:23:50,500 Ali sve što sam učinio ovdje samo koristiti anonimni funkciju 462 00:23:50,500 --> 00:23:53,640 mapirati preko cijelog niza. 463 00:23:53,640 --> 00:23:58,466 >> Dakle, još jedna velika tema za razgovor o na JavaScript je pojam događaja. 464 00:23:58,466 --> 00:24:01,590 Događaj je nešto što se događa samo kada korisnik komunicira s web 465 00:24:01,590 --> 00:24:04,715 stranica, pa možda oni kliknite nešto, ili možda stranica učitaju, 466 00:24:04,715 --> 00:24:07,200 ili možda ste se preselili miš preko nečega, 467 00:24:07,200 --> 00:24:09,290 ili oni 'upisali nešto u polje za unos. 468 00:24:09,290 --> 00:24:14,260 Sve ove stvari su događaji koji se događaju na našoj web-stranici. 469 00:24:14,260 --> 00:24:17,460 A JavaScript ima sposobnost za podršku nešto 470 00:24:17,460 --> 00:24:21,760 naziva rukovatelj događaj, koji se je funkcija povratni poziv da 471 00:24:21,760 --> 00:24:23,329 odgovara na HTML događaja. 472 00:24:23,329 --> 00:24:24,620 A što je funkcija povratni poziv? 473 00:24:24,620 --> 00:24:27,328 Pa, to je obično samo još jedan naziv za anonimnog funkciju. 474 00:24:27,328 --> 00:24:30,170 To je funkcija koja reagira na događaj. 475 00:24:30,170 --> 00:24:34,130 I ovo je mjesto gdje smo došli do Ideja vezanja određene funkcije 476 00:24:34,130 --> 00:24:38,060 određenom html atributa. 477 00:24:38,060 --> 00:24:41,420 Većina HTML elementi imaju podrška za atribut 478 00:24:41,420 --> 00:24:45,170 da nismo razgovarali o tome u HTML Video za nešto poput na klik 479 00:24:45,170 --> 00:24:50,540 ili na lebdjeti ili na teret, sve te događaje 480 00:24:50,540 --> 00:24:53,120 koje onda možete pisati funkcije koje se bave tim događajima 481 00:24:53,120 --> 00:24:56,090 kada one događaje pojavljuju na web stranici. 482 00:24:56,090 --> 00:24:59,170 >> I tako možda vaš HTML izgleda otprilike ovako. 483 00:24:59,170 --> 00:25:02,240 I ja imam dva gumba ovdje Gumb jedan i dva gumba, 484 00:25:02,240 --> 00:25:04,620 a ovdje sam trenutno definirano ništa, 485 00:25:04,620 --> 00:25:11,170 ali to je gdje je atribut na klik je očito dio moje html tag. 486 00:25:11,170 --> 00:25:15,220 Dakle, očito kad sam definirati što je to događa unutar tog atributa, 487 00:25:15,220 --> 00:25:18,590 to će biti neka JavaScript funkcija koja reagira na događaj 488 00:25:18,590 --> 00:25:24,360 vjerojatno klika na Gumb jedan ili dva gumba. 489 00:25:24,360 --> 00:25:28,580 >> Što je vrsta cool o tome je što može napisati generički događaj rukovatelj. 490 00:25:28,580 --> 00:25:32,370 I ovaj događaj će Handler stvoriti događaj objekt. 491 00:25:32,370 --> 00:25:37,000 A objekt događaj će nam reći koji od dva gumba su kliknuli. 492 00:25:37,000 --> 00:25:38,064 Sada kako se to radi? 493 00:25:38,064 --> 00:25:39,730 Pa, to bi moglo izgledati nešto poput ovoga. 494 00:25:39,730 --> 00:25:44,860 Dakle, prvo ćemo definirati naše gumbiće da imaju odgovor na povratni poziv 495 00:25:44,860 --> 00:25:47,470 funkciju koja će se zvati kad se klikne gumb, 496 00:25:47,470 --> 00:25:49,520 ćemo nazvati događaj upozorenja ime. 497 00:25:49,520 --> 00:25:53,320 I primjetiti u oba slučaja smo si prolaze u ovom parametru događaja. 498 00:25:53,320 --> 00:25:55,460 Tako zovemo ovu funkciju ili kad je ova funkcija 499 00:25:55,460 --> 00:26:00,330 pokreće slučaju događa, to će stvoriti ovaj događaj objekt 500 00:26:00,330 --> 00:26:03,300 i to prođe kao parametar upozoriti ime. 501 00:26:03,300 --> 00:26:07,270 I taj događaj objekt će sadržavati podatke 502 00:26:07,270 --> 00:26:09,800 o kojima je gumb kliknuo. 503 00:26:09,800 --> 00:26:11,580 I kako to učiniti? 504 00:26:11,580 --> 00:26:13,654 Pa, to bi moglo izgledati nešto poput ovoga. 505 00:26:13,654 --> 00:26:15,570 Tako sada u moj odvojeno JavaScript datoteke, mogao bih 506 00:26:15,570 --> 00:26:17,420 morati pronaći ovo Funkcija naziv upozorenja, koji 507 00:26:17,420 --> 00:26:19,500 opet prihvati taj parametar događaja. 508 00:26:19,500 --> 00:26:24,640 A onda je ovdje gdje sam otkrivanja koji gumb je pokrenuo, 509 00:26:24,640 --> 00:26:28,100 var okidač jednak događaj točka izvor elementa. 510 00:26:28,100 --> 00:26:33,150 Koji je izvor koji je stvorio ovaj događaj objekt koji je donesen u? 511 00:26:33,150 --> 00:26:36,390 Je li to jedan gumb ili je to tipku dva? 512 00:26:36,390 --> 00:26:40,710 >> I onda ovdje sve radim je ispis trigger.innerhtml. 513 00:26:40,710 --> 00:26:43,860 Dakle, u ovom slučaju, u ovom kontekst, trigger.innerhtml 514 00:26:43,860 --> 00:26:45,940 je upravo ono što je napisano na gumb. 515 00:26:45,940 --> 00:26:48,830 To samo tako se događa ako smo skočiti natrag na sekundu, da bi 516 00:26:48,830 --> 00:26:51,670 biti ono što je između tih tipki tagova. 517 00:26:51,670 --> 00:26:54,150 To će biti jedan gumb ili gumb dva. 518 00:26:54,150 --> 00:26:57,320 I neka je pogledati kako je ovaj događaj rukovatelj bi 519 00:26:57,320 --> 00:27:01,080 izgleda da smo imali to radi u praksi. 520 00:27:01,080 --> 00:27:03,850 >> Dakle, prije svega, vi ste otvorile events.js, 521 00:27:03,850 --> 00:27:06,517 koja je JavaScript datoteka u kojoj Imam definirana ovu funkciju. 522 00:27:06,517 --> 00:27:08,558 I kao što možete vidjeti, to je prilično mnogo upravo ono 523 00:27:08,558 --> 00:27:10,230 smo upravo vidjeli na slajdu drugi prije. 524 00:27:10,230 --> 00:27:14,890 I ja ću ići na to početna stranica koje smo koristili. 525 00:27:14,890 --> 00:27:17,660 I ja imam tu tipku jedan i dva gumba. 526 00:27:17,660 --> 00:27:19,820 A ja ću kliknuti na gumb jednom. 527 00:27:19,820 --> 00:27:23,930 Ste kliknuli na gumb jednom, ako vas možete vidjeti ovdje u pripravnosti. 528 00:27:23,930 --> 00:27:25,810 U REDU. 529 00:27:25,810 --> 00:27:28,980 Kliknite na gumb dva, te klikne na gumb dva. 530 00:27:28,980 --> 00:27:32,150 >> Dakle, obje tipke imaju Isto Funkcija poziva, zar ne? 531 00:27:32,150 --> 00:27:35,840 Obojica su ime oprezu događaj, ali ovaj događaj objekt 532 00:27:35,840 --> 00:27:41,900 koji se stvara kada smo kliknite na to nam govori koji je gumb kliknuo. 533 00:27:41,900 --> 00:27:44,650 Nismo imali napisati dvije zasebne funkcije ili se bave s 534 00:27:44,650 --> 00:27:46,470 proći bilo kakve dodatne informacije. 535 00:27:46,470 --> 00:27:48,220 Mi samo oslanjajući se na ono JavaScript hoće 536 00:27:48,220 --> 00:27:53,772 učiniti za nas, a to je stvaranje koje vrsta događaja objekta na naše ime. 537 00:27:53,772 --> 00:27:56,730 Postoji puno više nego JavaScript ono što smo pokriveni u ovom videu, 538 00:27:56,730 --> 00:27:58,521 ali ima njih Temeljni trebali dobiti 539 00:27:58,521 --> 00:28:00,690 dosta dugo načina da sve učenju ćete 540 00:28:00,690 --> 00:28:04,030 trebate znati o ovom Zanimljivo jezik. 541 00:28:04,030 --> 00:28:05,000 Ja sam Doug Lloyd. 542 00:28:05,000 --> 00:28:07,010 Ovo je CS50. 543 00:28:07,010 --> 00:28:09,181