1 00:00:00,000 --> 00:00:03,840 >> [Musiikkia] 2 00:00:03,840 --> 00:00:05,770 3 00:00:05,770 --> 00:00:08,690 >> DOUG Lloyd: Joten nyt olemme vanhoja ammattilaisilta joko web ohjelmointi, eikﾃｶ? 4 00:00:08,690 --> 00:00:12,140 Ja olemme kattaa useita kielet yksittﾃ､isissﾃ､ videoita. 5 00:00:12,140 --> 00:00:14,690 Ja nyt tehkﾃ､ﾃ､mme yksi, JavaScript. 6 00:00:14,690 --> 00:00:17,370 >> Ensimmﾃ､inen hyvﾃ､ uutinen, JavaScript on moderni ohjelmointi 7 00:00:17,370 --> 00:00:21,410 kieli aivan kuten PHP, jonka syntaksi on johdettu C: ssa, 8 00:00:21,410 --> 00:00:22,830 joten se on hyvﾃ､ paikka aloittaa. 9 00:00:22,830 --> 00:00:25,880 Se on suunnilleen yhtﾃ､ vanha kuin PHP, samoin, on ollut noin noin 20 vuotta. 10 00:00:25,880 --> 00:00:28,600 Se keksittiin noin samaan aikaan kuin PHP. 11 00:00:28,600 --> 00:00:32,240 Ja JavaScript on oikeastaan 窶銀€蟻ika olennainen kﾃ､yttﾃｶkokemusta 12 00:00:32,240 --> 00:00:32,740 rainan. 13 00:00:32,740 --> 00:00:34,448 Itse asiassa, on kolmella kielellﾃ､, ettﾃ､ olen 14 00:00:34,448 --> 00:00:38,480 sanoisi tavallaan muodostavat kﾃ､yttﾃ､jﾃ､kokemuksen vuorovaikutuksessa 15 00:00:38,480 --> 00:00:42,650 kanssa verkkosivuilla, html, css ja JavaScript. 16 00:00:42,650 --> 00:00:46,030 Ja nyt puhutaan vﾃ､hﾃ､n tietoa JavaScript. 17 00:00:46,030 --> 00:00:50,301 >> Huono uutinen, vaikka, jossa JavaScript on ettﾃ､ se asettaa paljon sﾃ､ﾃ､ntﾃｶjﾃ､ itse, 18 00:00:50,301 --> 00:00:51,300 ja sitten se hajoaa niitﾃ､. 19 00:00:51,300 --> 00:00:54,010 Ja JavaScript voi todella olla Tﾃ､llainen haastavaa oppia, 20 00:00:54,010 --> 00:00:57,000 koska se on toisin kuin C ja PHP, joka on hyvin jﾃ､sennelty 21 00:00:57,000 --> 00:01:00,270 ja ovat hyvin jﾃ､ykﾃ､t sﾃ､ﾃ､nnﾃｶt miten se voidaan tehdﾃ､. 22 00:01:00,270 --> 00:01:03,690 JavaScript on erﾃ､ﾃ､nlainen on mennyt niin joustava 23 00:01:03,690 --> 00:01:06,650 ettﾃ､ ehkﾃ､ asiat eivﾃ､t aio toimi niin me odotamme heidﾃ､n, 24 00:01:06,650 --> 00:01:09,830 ja ehkﾃ､ me todella voi oppia ensimmﾃ､inen ohjelmointikieli 25 00:01:09,830 --> 00:01:10,769 kuten JavaScript. 26 00:01:10,769 --> 00:01:12,810 Joten ehkﾃ､ koska se ei asettanut itselleen sﾃ､ﾃ､ntﾃｶjﾃ､, 27 00:01:12,810 --> 00:01:15,754 ja se ei ole oikeastaan valvoa hyvﾃ､ koodausta tapoja. 28 00:01:15,754 --> 00:01:18,170 Mutta nyt olemme toivottavasti kehittﾃ､neet hyviﾃ､ koodausta tapoja, 29 00:01:18,170 --> 00:01:21,470 ja jotta voimme aloittaa kokeilu JavaScriptiﾃ､ hieman. 30 00:01:21,470 --> 00:01:25,750 >> Voit kirjoittaa JavaScript, samanlainen aukko ylﾃｶs C tiedosto pisteellﾃ､ C laajennus 31 00:01:25,750 --> 00:01:29,770 tai PHP-tiedosto pisteellﾃ､ PHP laajennus, kaikki meidﾃ､n tarvitsee vain avata tiedosto 32 00:01:29,770 --> 00:01:31,764 kanssa piste js tiedostopﾃ､ﾃ､te. 33 00:01:31,764 --> 00:01:34,430 Emme tarvitse olla mitﾃ､ﾃ､n erityisiﾃ､ erottimia kuten teimme PHP. 34 00:01:34,430 --> 00:01:36,750 Ettﾃ､ sellainen kulma kiinnike kysymysmerkki PHP 35 00:01:36,750 --> 00:01:40,300 ettﾃ､ olemme tottuneet siitﾃ､, miten kerromme selain, mitﾃ､ meillﾃ､ on 36 00:01:40,300 --> 00:01:43,502 JavaScript on sisﾃ､llyttﾃ､mﾃ､llﾃ､ se html tag, 37 00:01:43,502 --> 00:01:46,210 ja nﾃ､emme hieman siitﾃ､ miten se vain hetken. 38 00:01:46,210 --> 00:01:48,210 >> Toinen asia, joka tekee JavaScript eri, 39 00:01:48,210 --> 00:01:50,580 kuitenkin se, ettﾃ､ se toimii asiakkaan puolella. 40 00:01:50,580 --> 00:01:53,430 Joten muistaa PHP ettﾃ､ emme voisi koskaan todella nﾃ､hdﾃ､ 41 00:01:53,430 --> 00:01:57,041 PHP, joka korosti verkkosivuilla. 42 00:01:57,041 --> 00:01:59,040 Jos me koskaan katsottu sivun lﾃ､hdekoodi, olisimme vain 43 00:01:59,040 --> 00:02:02,830 katso html joka oli syntyy ettﾃ､ PHP. 44 00:02:02,830 --> 00:02:04,900 Mutta JavaScript toimii asiakkaan puolella. 45 00:02:04,900 --> 00:02:06,710 JavaScript toimii tietokoneessa. 46 00:02:06,710 --> 00:02:09,050 Ja siksi voit tehdﾃ､ asioita, kuten lisﾃ､tﾃ､ salpaajia. 47 00:02:09,050 --> 00:02:09,550 Oikea? 48 00:02:09,550 --> 00:02:12,704 Mainos esto tehdﾃ､ﾃ､n yleensﾃ､ tappaa kaikki JavaScript- 49 00:02:12,704 --> 00:02:14,370 joka on kﾃ､ynnissﾃ､ erityisesti verkkosivuilla. 50 00:02:14,370 --> 00:02:19,000 Ja koska se on ajaa koneen asiakkaan puolelta, 51 00:02:19,000 --> 00:02:21,910 voit vain lopettaa Javascript kﾃ､ynnissﾃ､ kokonaan. 52 00:02:21,910 --> 00:02:27,030 Tﾃ､mﾃ､ tarkoittaa myﾃｶs sitﾃ､, ettﾃ､ kun kﾃ､ytﾃ､t sivusto, joka sisﾃ､ltﾃ､ﾃ､ JavaScript, 53 00:02:27,030 --> 00:02:32,450 sinun tﾃ､ytyy lﾃ､hettﾃ､ﾃ､ JavaScript lﾃ､hde koodi osana http vastaus 54 00:02:32,450 --> 00:02:34,159 asiakkaalle, kun he sitﾃ､ pyytﾃ､vﾃ､t. 55 00:02:34,159 --> 00:02:35,950 Ja niin saatat ei haluavat kﾃ､yttﾃ､ﾃ､ JavaScript 56 00:02:35,950 --> 00:02:38,395 tehdﾃ､ todella herkkiﾃ､ asioita kuten vﾃ､littﾃ､mﾃ､stﾃ､ tietoa 57 00:02:38,395 --> 00:02:41,020 noin kﾃ､yttﾃ､jﾃ､n salasanat takaisin ja ulos, koska he todella 58 00:02:41,020 --> 00:02:45,610 menossa saada kaikki lﾃ､hdekoodin, ei vain html, joka syntyy, 59 00:02:45,610 --> 00:02:49,030 kuten olisi asianlaita sanoa PHP. 60 00:02:49,030 --> 00:02:51,620 >> Miten siis sisﾃ､llyttﾃ､ﾃ､ JavaScript meidﾃ､n html aloittaa? 61 00:02:51,620 --> 00:02:54,520 No, samanlainen CSS, todella, on erﾃ､ﾃ､nlainen miten sen teemme tﾃ､ﾃ､llﾃ､. 62 00:02:54,520 --> 00:02:56,190 CSS meillﾃ､ on tyylitunnisteet. 63 00:02:56,190 --> 00:03:00,760 Ja sisﾃ､ltﾃ､ ne tyylitunnisteet, voimme mﾃ､ﾃ､ritellﾃ､ CSS tyylisivu. 64 00:03:00,760 --> 00:03:03,450 Samoin JavaScript voimme avata koodit, 65 00:03:03,450 --> 00:03:06,660 toinen html tag emme puhua meidﾃ､n html video, 66 00:03:06,660 --> 00:03:09,720 ja kirjoittaa Javascriptin nﾃ､iden koodit. 67 00:03:09,720 --> 00:03:13,960 Myﾃｶs kuitenkin, kuten CSS, me voisi yhdistﾃ､ﾃ､ ulkopuolella CSS-tiedostoja 68 00:03:13,960 --> 00:03:15,900 ja vetﾃ､ﾃ､ heidﾃ､t meidﾃ､n ohjelma, joka tavalla. 69 00:03:15,900 --> 00:03:18,280 CSS voimme myﾃｶs, anteeksi, JavaScript 70 00:03:18,280 --> 00:03:23,240 voimme myﾃｶs mﾃ､ﾃ､rittﾃ､ﾃ､ lﾃ､hde ominaisuus komentosarjatunnus 71 00:03:23,240 --> 00:03:25,720 yhdistﾃ､ﾃ､ JavaScript erikseen, joten et 72 00:03:25,720 --> 00:03:27,680 tﾃ､ytyy kirjoittaa se vﾃ､lillﾃ､ koodit, me 73 00:03:27,680 --> 00:03:29,600 voidaan linkittﾃ､ﾃ､ sen avulla ettﾃ､ komentosarjatunnus samoin. 74 00:03:29,600 --> 00:03:33,230 Ja aivan kuten tapauksessa CSS jossa suosittelemme, ettﾃ､ se oli luultavasti 75 00:03:33,230 --> 00:03:36,090 oman edun kirjoittaa CSS erilliseen tiedostoon, jos 76 00:03:36,090 --> 00:03:38,500 sinun tﾃ､ytyy muuttaa sitﾃ､, Samoin me suosittelemme 77 00:03:38,500 --> 00:03:40,720 ettﾃ､ kirjoitat Javascriptin erillisinﾃ､ tiedostoina 78 00:03:40,720 --> 00:03:45,460 ja kﾃ､yttﾃ､ﾃ､ koodit lﾃ､hde Yhdistﾃ､n sitoa JavaScript 79 00:03:45,460 --> 00:03:49,520 omaan html, web-sivulla. 80 00:03:49,520 --> 00:03:52,610 >> Joten JavaScript muuttujia, kﾃ､ymme alkaa puhua syntaksin tﾃ､ﾃ､llﾃ､. 81 00:03:52,610 --> 00:03:53,600 Ja kﾃ､ymme lﾃ､pi tﾃ､llaista nopeasti, 82 00:03:53,600 --> 00:03:56,640 koska olemme tehneet tﾃ､mﾃ､n PHP, joten tﾃ､mﾃ､ kaikkien pitﾃ､isi olla tuttuja. 83 00:03:56,640 --> 00:03:59,490 Joten muuttujat JavaScript ovat hyvin samanlainen kuin PHP muuttujia. 84 00:03:59,490 --> 00:04:03,270 Ei ole tyyppi mﾃ､ﾃ､rittelyksi, ja kun esitellﾃ､ muuttuja, 85 00:04:03,270 --> 00:04:05,070 voit etuliite sen var avainsanan. 86 00:04:05,070 --> 00:04:07,750 PHP tekisimme jotain nﾃ､in, dollarin merkki X. 87 00:04:07,750 --> 00:04:09,950 Nﾃ､in saimme ilmoitettu muuttuja, mutta ei, meidﾃ､n 88 00:04:09,950 --> 00:04:12,060 ei mainita tyyppi muuttujan lainkaan. 89 00:04:12,060 --> 00:04:15,124 Haluamme sanoa jotain dollarin merkki X vastaa 44 PHP. 90 00:04:15,124 --> 00:04:17,040 Jos teemme Sama JavaScript, 91 00:04:17,040 --> 00:04:19,589 sanoisimme var X vastaa 44. 92 00:04:19,589 --> 00:04:22,780 Joten var on tavallaan meidﾃ､n tapa ottaa kﾃ､yttﾃｶﾃｶn muuttuvan. 93 00:04:22,780 --> 00:04:26,850 Se ehkﾃ､ hieman intuitiivinen kuin vain dollarin merkki muuttuja. 94 00:04:26,850 --> 00:04:29,080 >> Jﾃ､lleen, koska ei ole mitﾃ､ﾃ､n tietotyypit, voisimme tehdﾃ､ tﾃ､mﾃ､n 95 00:04:29,080 --> 00:04:34,490 tahansa tietotyyppi, jouset, mitﾃ､ﾃ､n muuta olisivat kaikki var. 96 00:04:34,490 --> 00:04:37,260 Conditionals, kaikki meidﾃ､n vanhat ystﾃ､vﾃ､t C ja PHP 97 00:04:37,260 --> 00:04:41,640 ovat edelleen kﾃ､ytettﾃ､vissﾃ､, joten meillﾃ､ on jos, if, muu, kytkin ja kysymys 98 00:04:41,640 --> 00:04:42,240 merkki paksusuolen. 99 00:04:42,240 --> 00:04:45,890 Kytkin jﾃ､ljellﾃ､ yhtﾃ､ joustava kuin se oli PHP, mutta kaikki nﾃ､mﾃ､ olet 100 00:04:45,890 --> 00:04:46,930 tuntee nyt. 101 00:04:46,930 --> 00:04:49,900 Ja samoin silmukat ovat vanha suosikkeja samalla, 102 00:04:49,900 --> 00:04:52,700 tehdﾃ､, kun, ja edelleen kﾃ､ytettﾃ､vissﾃ､mme. 103 00:04:52,700 --> 00:04:55,880 Joten jo tiedﾃ､mme paljon perus JavaScript tavallaan perustekijﾃｶiden 104 00:04:55,880 --> 00:05:01,800 vain sen vuoksi ottaa melko vﾃ､hﾃ､n tiedon nyt noin C ja PHP. 105 00:05:01,800 --> 00:05:03,670 >> Entﾃ､ toiminnot JavaScript? 106 00:05:03,670 --> 00:05:08,199 No, samanlainen PHP jokainen toiminto on otettu kﾃ､yttﾃｶﾃｶn toiminto avainsanan. 107 00:05:08,199 --> 00:05:10,740 Sanot toiminto, ja sitten alkaa mﾃ､ﾃ､ritellﾃ､ toiminnon. 108 00:05:10,740 --> 00:05:12,531 Mikﾃ､ on hieman erilainen noin JavaScript, 109 00:05:12,531 --> 00:05:15,700 vaikka on kyky on mitﾃ､ kutsutaan anonyymi toiminto. 110 00:05:15,700 --> 00:05:18,880 Joten voit mﾃ､ﾃ､rittﾃ､ﾃ､ funktiot jotka eivﾃ､t ole nimeﾃ､. 111 00:05:18,880 --> 00:05:21,222 Tﾃ､mﾃ､ on jotain me todellakaan ole ennen nﾃ､hneet. 112 00:05:21,222 --> 00:05:23,430 Me todella kﾃ､yttﾃ､ﾃ､ kﾃ､sitettﾃ､ nimetﾃｶn funktio 113 00:05:23,430 --> 00:05:27,880 vﾃ､hﾃ､n myﾃｶhemmin tﾃ､ssﾃ､ videota, koska se tulee 114 00:05:27,880 --> 00:05:31,530 tehdﾃ､ vﾃ､hﾃ､n enemmﾃ､n jﾃ､rkeﾃ､ yhteydessﾃ､ kun nﾃ､emme sen erityisen tilanteen 115 00:05:31,530 --> 00:05:33,120 ettﾃ､ olen muotoillut tﾃ､ﾃ､llﾃ､. 116 00:05:33,120 --> 00:05:35,710 Mutta haluan vain katsomaan mitﾃ､ yksinkertainen JavaScript 117 00:05:35,710 --> 00:05:37,850 toiminto voisi nﾃ､yttﾃ､ﾃ､. 118 00:05:37,850 --> 00:05:40,610 >> Joten olen mennyt eteenpﾃ､in ja avannut minun CS50 IDE 119 00:05:40,610 --> 00:05:43,690 ja olen jo ajaa Apache aloittaa minun palvelin kﾃ､ynnissﾃ､. 120 00:05:43,690 --> 00:05:46,800 Ja minulla on tﾃ､mﾃ､n tiedoston avata kutsutaan home.html. 121 00:05:46,800 --> 00:05:48,330 Ja minﾃ､ zoomata vﾃ､hﾃ､n tﾃ､ﾃ､llﾃ､. 122 00:05:48,330 --> 00:05:52,090 Ja pohjimmiltaan, voit nﾃ､hdﾃ､ Home.html on vain joukko painikkeita. 123 00:05:52,090 --> 00:05:55,291 Ja minﾃ､ vﾃ､ittﾃ､en ylﾃ､reunassa tﾃ､ﾃ､llﾃ､ ettﾃ､ tﾃ､mﾃ､ on JavaScript osio 124 00:05:55,291 --> 00:05:55,790 materiaaleja. 125 00:05:55,790 --> 00:05:59,490 Joten siellﾃ､ on joukko painikkeita tﾃ､ﾃ､llﾃ､, mutta mitﾃ､ nﾃ､mﾃ､ painikkeet itse tehdﾃ､? 126 00:05:59,490 --> 00:06:03,662 >> No, me pﾃ､ﾃ､n yli minun IED, ja olen home.html Avataan tﾃ､stﾃ､. 127 00:06:03,662 --> 00:06:05,620 Aivan alussa, tﾃ､ssﾃ､ missﾃ､ olen yhdistﾃ､ﾃ､ 128 00:06:05,620 --> 00:06:07,500 kaikissa minun JavaScript lﾃ､hdetiedostot. 129 00:06:07,500 --> 00:06:08,000 Oikea? 130 00:06:08,000 --> 00:06:12,440 Olen siis anonymous.js, clock.js, Kﾃ､ytﾃ､n lﾃ､hdemﾃ､ﾃ､rite 131 00:06:12,440 --> 00:06:14,440 on komentosarjatunnus linkittﾃ､ﾃ､ tiedostoon. 132 00:06:14,440 --> 00:06:18,660 Joten en ole kirjoittanut JavaScript suoraan tﾃ､hﾃ､n tiedostoon, 133 00:06:18,660 --> 00:06:21,790 mutta olen vetﾃ､nyt kaikki JavaScript Olen kirjoittanut erikseen. 134 00:06:21,790 --> 00:06:24,540 Ja jos me selaa tﾃ､ﾃ､llﾃ､, tﾃ､mﾃ､ olisi kaikki nﾃ､yttﾃ､vﾃ､t hieman perehtynyt 135 00:06:24,540 --> 00:06:27,090 kanssa hieman uusia syntaksin. 136 00:06:27,090 --> 00:06:32,655 Meillﾃ､ on tﾃ､ﾃ､llﾃ､ ylﾃ､tunnisteeseen toiminnot ja sitten -painiketta. 137 00:06:32,655 --> 00:06:35,530 Minulla on tulo, joka on erﾃ､ﾃ､nlainen painiketta, ja ilmeisesti kun klikkaa sitﾃ､, 138 00:06:35,530 --> 00:06:38,130 Aion soittaa joitakin toimiakseen hﾃ､lytys pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､. 139 00:06:38,130 --> 00:06:41,792 Ja nﾃ､in voimme tavallaan sekoittaa hieman JavaScriptin ja html. 140 00:06:41,792 --> 00:06:44,500 He todella pelata aika mukavasti yhteen, ja niin ilmeisesti kun 141 00:06:44,500 --> 00:06:48,730 Olen klikkaa tﾃ､tﾃ､ painiketta, aion soittaa jonkin toiminnon hﾃ､lytys pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､. 142 00:06:48,730 --> 00:06:53,660 Ja samoin olen mﾃ､ﾃ､ritellyt kﾃ､yttﾃ､ytymistﾃ､ kaikkien muiden painikkeita, 143 00:06:53,660 --> 00:06:56,440 ovat ettﾃ､ home.html sivulla, joka me palaavat 144 00:06:56,440 --> 00:06:59,172 sen aikana tﾃ､mﾃ､n videon. 145 00:06:59,172 --> 00:07:00,880 Mutta mennﾃ､ﾃ､n takaisin ylﾃｶs tﾃ､ﾃ､llﾃ､ ja katsomaan 146 00:07:00,880 --> 00:07:03,850 klo clock.js, joka on JavaScript-tiedoston, ettﾃ､ olen 147 00:07:03,850 --> 00:07:07,370 kirjoitti, ettﾃ､ on tﾃ､mﾃ､ ensimmﾃ､inen toiminto aiomme katsomaan. 148 00:07:07,370 --> 00:07:11,630 Kuten nﾃ､ette, aloitan JavaScriptin toimi avainsanan toiminto, 149 00:07:11,630 --> 00:07:14,560 ja olen antanut tﾃ､mﾃ､ nimi, sitﾃ､ kutsutaan hﾃ､lytys pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､. 150 00:07:14,560 --> 00:07:18,710 Sisﾃ､ltﾃ､ siellﾃ､, olen ilmeisesti luoda uusi paikallinen muuttuja nimeltﾃ､ nykyinen pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､. 151 00:07:18,710 --> 00:07:21,500 Ja aion antaa vastaa uuden pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､n. 152 00:07:21,500 --> 00:07:24,430 Ja voisimme pﾃ､ﾃ､stﾃ､ paljon tﾃ､smennﾃ､, mitﾃ､ pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､ on, 153 00:07:24,430 --> 00:07:27,060 ja todella JavaScript on niin iso, ettﾃ､ emme voi mahdollisesti 154 00:07:27,060 --> 00:07:28,330 kattavat kaikki yhden videon. 155 00:07:28,330 --> 00:07:32,220 Mutta riittﾃ､ﾃ､ sanoa, tﾃ､mﾃ､ on menossa palata minulle datatieto 156 00:07:32,220 --> 00:07:35,470 kiteyttﾃ､ﾃ､ nykyisen pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､n ja kellonajan. 157 00:07:35,470 --> 00:07:39,100 Olen tallentamiseksi, ettﾃ､ muuttuja ettﾃ､ olen ilmeisesti menossa varoittamaan nykyisen pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､n. 158 00:07:39,100 --> 00:07:41,300 >> No, mitﾃ､ hﾃ､lytys nykyinen pﾃ､ivﾃ､mﾃ､ﾃ､rﾃ､ nﾃ､yttﾃ､ﾃ､? 159 00:07:41,300 --> 00:07:46,460 Katsotaanpa katsomaan itse tiedosto takaisin yli selainikkunassa. 160 00:07:46,460 --> 00:07:49,551 Joten jﾃ､lleen, tﾃ､mﾃ､ on painike, joka I ovat sidottu, tﾃ､mﾃ､ nimeltﾃ､ﾃ､n toiminto. 161 00:07:49,551 --> 00:07:51,800 Ja minﾃ､ klikkaa sitﾃ､ siellﾃ､ ja katso mitﾃ､ se teki, se hﾃ､lytti. 162 00:07:51,800 --> 00:07:56,140 Se piipahti tﾃ､llainen laatikko kertoo minulle, ettﾃ､ nykyinen aika on ilmeisesti 163 00:07:56,140 --> 00:07:59,370 se marraskuussa 4: 10:43:43 aamulla. 164 00:07:59,370 --> 00:08:02,345 Ja jos minﾃ､ klikkaa sitﾃ､ uudelleen, nyt se on muutaman sekunnin kuluttua, eikﾃｶ? 165 00:08:02,345 --> 00:08:03,720 Niin, ettﾃ､ kaikki tﾃ､mﾃ､ toiminto tekee. 166 00:08:03,720 --> 00:08:07,670 Kun napsautan tﾃ､tﾃ､ painiketta, se ponnahtaa varoitusviesti minulle. 167 00:08:07,670 --> 00:08:13,806 168 00:08:13,806 --> 00:08:15,690 Joten ei todellakaan ole liian paljon toimintoja 169 00:08:15,690 --> 00:08:19,110 se on erilainen kuin PHP, vain vﾃ､hﾃ､n uusia syntaksin 170 00:08:19,110 --> 00:08:22,500 mukana tyﾃｶskentelee JavaScript. 171 00:08:22,500 --> 00:08:24,650 >> Taulukot JavaScript ovat melko yksinkertainen. 172 00:08:24,650 --> 00:08:27,200 Julistaa array, kﾃ､ytﾃ､t hakasulkeissa syntaksin 173 00:08:27,200 --> 00:08:30,090 ettﾃ､ olemme tuttuja PHP. 174 00:08:30,090 --> 00:08:33,432 Ja samanlainen PHP, me voi myﾃｶs sekoittaa tietotyyppejﾃ､. 175 00:08:33,432 --> 00:08:35,140 Joten tﾃ､mﾃ､ array, sekﾃ､ nﾃ､istﾃ､ paneelit olisi 176 00:08:35,140 --> 00:08:36,960 olla tﾃ､ysin oikeutettu JavaScript. 177 00:08:36,960 --> 00:08:42,500 Yksi siinﾃ､ kaikki kokonaislukuja, ja joka on sekaisin erilaiset tiedot. 178 00:08:42,500 --> 00:08:45,020 >> Mikﾃ､ on jotain hyvin erilaista JavaScript, vaikka? 179 00:08:45,020 --> 00:08:47,020 Se kﾃ､site objektin. 180 00:08:47,020 --> 00:08:50,240 Joten ehkﾃ､ olet kuullut olio-ohjelmoinnin. 181 00:08:50,240 --> 00:08:53,370 Emme tee paljon se CS50, mutta teemme hieman se 182 00:08:53,370 --> 00:08:55,670 tﾃ､ssﾃ､ yhteydessﾃ､ JavaScript. 183 00:08:55,670 --> 00:08:59,100 Nyt JavaScript on kyky kﾃ､yttﾃ､ytyﾃ､ kuin olio-ohjelmoinnin 184 00:08:59,100 --> 00:09:02,615 kieli, mutta se ei ole itsessﾃ､ﾃ､n yksinomaan olio 185 00:09:02,615 --> 00:09:03,490 ohjelmointikieli. 186 00:09:03,490 --> 00:09:05,281 Ja tﾃ､mﾃ､ taas tulee takaisin miksi sanoin, se 187 00:09:05,281 --> 00:09:10,610 voi olla erittﾃ､in haastavaa oppia JavaScriptiﾃ､ ensimmﾃ､inen Programming 188 00:09:10,610 --> 00:09:13,890 kieli, koska se ei ole todella sopii erityisesti paradigma. 189 00:09:13,890 --> 00:09:16,430 >> C Toisaalta on toiminnallinen ohjelmointikieli. 190 00:09:16,430 --> 00:09:22,270 Jos haluamme, toimintoja tavallaan iso pomo mies, eikﾃｶ? 191 00:09:22,270 --> 00:09:24,410 He sanella mitﾃ､ tapahtuu kaiken muun. 192 00:09:24,410 --> 00:09:26,600 Haluamme muuttaa muuttujia, kutsumme toimintoja. 193 00:09:26,600 --> 00:09:28,220 Teemme asioita toimintoja. 194 00:09:28,220 --> 00:09:31,250 Objects Sen sijaan olio, 195 00:09:31,250 --> 00:09:35,937 esineet tavallaan tullut tﾃ､hti ja toiminnot tullut erﾃ､ﾃ､nlainen toissijainen. 196 00:09:35,937 --> 00:09:38,270 Mutta mikﾃ､ on esine, mitﾃ､ on tﾃ､mﾃ､ kﾃ､site esineen? 197 00:09:38,270 --> 00:09:40,880 No, jos se auttaa, ajatella siitﾃ､ ensin jﾃ､rjestﾃ､ 198 00:09:40,880 --> 00:09:44,540 samankaltaisten C rakenne tai struct ettﾃ､ olemme oppineet ennen. 199 00:09:44,540 --> 00:09:47,430 C, rakenne sisﾃ､ltﾃ､ﾃ､ monilla aloilla, 200 00:09:47,430 --> 00:09:51,174 ja ehkﾃ､ me nyt voi alkaa kutsuvat nﾃ､itﾃ､ aloja ominaisuuksia. 201 00:09:51,174 --> 00:09:53,590 Mutta ominaisuudet koskaan seisomaan omilla, eikﾃｶ? 202 00:09:53,590 --> 00:09:56,410 Jos mﾃ､ﾃ､rittelen rakenne auto nﾃ､in kaksi seuraavaa 203 00:09:56,410 --> 00:10:00,750 kenttiﾃ､ tai ominaisuuksia, yksi kokonaisluku vuodelle auton 204 00:10:00,750 --> 00:10:04,290 ja toinen 10 merkki merkkijono mallin auton, 205 00:10:04,290 --> 00:10:07,150 Voin sanoa jotain tﾃ､llaista, Voin julistaa uusi muuttuja 206 00:10:07,150 --> 00:10:10,080 Tyypin struct auton Herbie. 207 00:10:10,080 --> 00:10:13,730 Ja sitten voin sanoa jotain kuten herbie.year vastaa 1963, 208 00:10:13,730 --> 00:10:15,850 ja herbie.model vastaa Beetle. 209 00:10:15,850 --> 00:10:17,000 Se on ok. 210 00:10:17,000 --> 00:10:19,680 Kﾃ､ytﾃ､n kentﾃ､t yhteydessﾃ､ rakenteen, 211 00:10:19,680 --> 00:10:22,290 mutta en voisi koskaan vain sanoa jotain tﾃ､llaista. 212 00:10:22,290 --> 00:10:22,790 Oikea? 213 00:10:22,790 --> 00:10:26,836 En voi kﾃ､yttﾃ､ﾃ､ kentﾃ､n nimi riippumaton rakenne. 214 00:10:26,836 --> 00:10:28,210 Se on erﾃ､ﾃ､nlainen perustavanlaatuinen asia. 215 00:10:28,210 --> 00:10:32,990 >> Joten kentﾃ､t ovat olennaista C rakenteita 216 00:10:32,990 --> 00:10:39,050 ovat hyvin samanlaisia 窶銀€黍minaisuuksia ovat olennaista JavaScript esineitﾃ､. 217 00:10:39,050 --> 00:10:42,080 Mutta mitﾃ､ tekee niistﾃ､ erityisen mielenkiintoinen 218 00:10:42,080 --> 00:10:46,230 on, ettﾃ､ esineet voivat myﾃｶs olla mitﾃ､ kutsutaan menetelmiﾃ､, jotka ovat todella 219 00:10:46,230 --> 00:10:50,730 vain hieno sana toimintoja ovat ominaisia 窶銀€菊sine samoin. 220 00:10:50,730 --> 00:10:55,340 Joten se on toiminto, joka voi olla vain kutsutaan yhteydessﾃ､ esineen. 221 00:10:55,340 --> 00:10:59,200 Vain esine, joka on mﾃ､ﾃ､ritellyt Tﾃ､mﾃ､n toiminnon sisﾃ､llﾃ､ sen, 222 00:10:59,200 --> 00:11:02,020 jos ajattelee struct, toiminto 223 00:11:02,020 --> 00:11:05,720 mﾃ､ﾃ､ritellﾃ､ﾃ､n sisﾃ､lle joissa mﾃ､ﾃ､ritellﾃ､ﾃ､n aaltosulkeita rakenteen. 224 00:11:05,720 --> 00:11:07,980 Joten se vain tarkoittaa jotain rakenteeseen. 225 00:11:07,980 --> 00:11:10,960 Ja se on sellainen mitﾃ､ teemme tﾃ､ﾃ､llﾃ､ ja -tavat. 226 00:11:10,960 --> 00:11:13,580 Se on pohjimmiltaan kuin olisimme mﾃ､ﾃ､ritellﾃ､ﾃ､n toiminto 227 00:11:13,580 --> 00:11:16,670 vain on jﾃ､rkevﾃ､ﾃ､ pﾃ､ﾃ､lle erityisesti objekti, ja niin me 228 00:11:16,670 --> 00:11:19,440 soittaa, ettﾃ､ menetelmﾃ､ esineen. 229 00:11:19,440 --> 00:11:23,180 Emmekﾃ､ voi koskaan kutsua ettﾃ､ toiminnallisesti itsenﾃ､inen esine, 230 00:11:23,180 --> 00:11:29,260 aivan kuten emme voi sanoa vuoden tai mallin riippumaton struct C. 231 00:11:29,260 --> 00:11:32,300 >> Niin Functional Programming ajattelutavat nﾃ､yttﾃ､ﾃ､ suunnilleen tﾃ､ltﾃ､. 232 00:11:32,300 --> 00:11:35,450 Toiminto ja sitten kun ohitat vuonna objektin parametri. 233 00:11:35,450 --> 00:11:38,650 Vuonna olio-ohjelmoinnin kielet, tﾃ､llainen saa 234 00:11:38,650 --> 00:11:43,464 selattava, ja me ajatella sitﾃ､ nﾃ､in, object.function. 235 00:11:43,464 --> 00:11:45,380 Joten se tavallaan ettﾃ､ piste operaattori taas mikﾃ､ 236 00:11:45,380 --> 00:11:49,540 ettﾃ､ se on jonkinlainen omaisuuden tai ominaisuus esine itse. 237 00:11:49,540 --> 00:11:53,240 Mutta tﾃ､mﾃ､ on mitﾃ､ esine ohjelmointikieli 238 00:11:53,240 --> 00:11:57,150 voisi tehdﾃ､, jotta toiminto soittaa menetelmﾃ､, jﾃ､lleen, joka 239 00:11:57,150 --> 00:12:00,260 on vain erityinen sana toiminto joka on ominaista objekti. 240 00:12:00,260 --> 00:12:03,440 Tﾃ､mﾃ､ on mitﾃ､ se syntaksi voisi nﾃ､yttﾃ､ﾃ､. 241 00:12:03,440 --> 00:12:09,360 Ja niin me alkaa nﾃ､hdﾃ､ joitakin Tﾃ､ssﾃ､ yhteydessﾃ､ JavaScript. 242 00:12:09,360 --> 00:12:12,470 >> Voit myﾃｶs ajatella esine tavallaan kuin assosiatiivisia array, 243 00:12:12,470 --> 00:12:14,160 joka olemme tuttuja PHP. 244 00:12:14,160 --> 00:12:17,720 Muista assosiatiivisen taulukon avulla meillﾃ､ keskeinen arvo pareja, sen sijaan 245 00:12:17,720 --> 00:12:23,040 ottaa indeksit 0, yksi, kaksi, kolme, ja niin edelleen kuin olemme tottuneet C: ltﾃ､ 246 00:12:23,040 --> 00:12:23,940 taulukot. 247 00:12:23,940 --> 00:12:27,472 Assosiatiiviset taulukot voi kartta sanoja, kuten PHP video, 248 00:12:27,472 --> 00:12:29,180 puhuimme tﾃ､ytettﾃ､ pizzat. 249 00:12:29,180 --> 00:12:31,180 Ja niin meillﾃ､ oli array nimeltﾃ､ﾃ､n pizzat, ja me 250 00:12:31,180 --> 00:12:36,670 oli juusto oli keskeinen ja $ 8.99 oli arvoa, ja sitten pepperoni oli keskeinen, 251 00:12:36,670 --> 00:12:39,190 $ 9.99 oli arvo, ja niin edelleen. 252 00:12:39,190 --> 00:12:43,300 Ja jotta voimme myﾃｶs ajatella esine tavallaan samanlainen assosiatiivinen 253 00:12:43,300 --> 00:12:43,840 array. 254 00:12:43,840 --> 00:12:47,020 Ja niin tﾃ､mﾃ､ syntaksin tﾃ､ssﾃ､ loisi uuden objektin 255 00:12:47,020 --> 00:12:50,950 nimeltﾃ､ﾃ､n Herbie kaksi ominaisuudet sen sisﾃ､lle. 256 00:12:50,950 --> 00:12:57,310 Vuosi, johon on liitetty arvo 1963, ja malli, johon liitetﾃ､ﾃ､n merkkijono 257 00:12:57,310 --> 00:12:58,140 Beetle. 258 00:12:58,140 --> 00:13:01,770 >> Ja huomaa tﾃ､ﾃ､llﾃ､, ettﾃ､ olen kﾃ､yttﾃ､en puolilainausmerkkejﾃ､ JavaScript. 259 00:13:01,770 --> 00:13:05,570 Voit kﾃ､yttﾃ､ﾃ､ yhden tai kahden hengen lainausmerkkejﾃ､ kun puhut jouset. 260 00:13:05,570 --> 00:13:07,772 Se on vain perinteisesti Siinﾃ､ tapauksessa, ettﾃ､ useimmat kertaa 261 00:13:07,772 --> 00:13:10,230 kun olet kirjoittamassa JavaScript, kﾃ､ytﾃ､t vain puolilainausmerkkejﾃ､. 262 00:13:10,230 --> 00:13:15,050 Mutta voisin kﾃ､yttﾃ､ﾃ､ lainausmerkkejﾃ､ tﾃ､ﾃ､llﾃ､, ja ettﾃ､ olisi tﾃ､ysin kunnossa samoin. 263 00:13:15,050 --> 00:13:17,470 >> Joten muistakaa kuinka PHP meillﾃ､ oli tﾃ､tﾃ､ kﾃ､sitystﾃ､ 264 00:13:17,470 --> 00:13:22,730 of jokaisen silmukan, jonka avulla voisimme iteroida hoitaakseen kaikki avainarvon 265 00:13:22,730 --> 00:13:25,270 paria assosiatiivinen array, koska me 266 00:13:25,270 --> 00:13:29,050 ei ole tﾃ､tﾃ､ kykyﾃ､ kerrata kautta 0, yksi, kaksi, kolme, neljﾃ､, 267 00:13:29,050 --> 00:13:30,710 ja niin edelleen? 268 00:13:30,710 --> 00:13:35,010 JavaScript on jotain hyvin samanlaista, mutta se ei ole kutsuttu kunkin silmukan, 269 00:13:35,010 --> 00:13:38,960 sitﾃ､ kutsutaan varten silmukoita. 270 00:13:38,960 --> 00:13:42,890 Jos siis sanoi minulle kuin tﾃ､mﾃ､, sillﾃ､ var avain esine, 271 00:13:42,890 --> 00:13:48,670 se on tavallaan samanlainen sanomalla kullekin jotain niin jotain. 272 00:13:48,670 --> 00:13:53,850 Mutta kaikki Teen tﾃ､ﾃ､llﾃ､ on iteroimalla lﾃ､pi kaikki avaimet minun esine. 273 00:13:53,850 --> 00:13:56,070 Ja sisﾃ､llﾃ､ kihara olkaimet siellﾃ､, olisin 274 00:13:56,070 --> 00:14:03,410 kﾃ､yttﾃ､ﾃ､ esine hakasulkeita avain viitata arvoa kyseisessﾃ､ avainpaikkojen. 275 00:14:03,410 --> 00:14:05,400 >> Vaihtoehtoisesti, siellﾃ､ jopa toinen lﾃ､hestymistapa. 276 00:14:05,400 --> 00:14:10,880 Jos vain vain vﾃ､litﾃ､ arvot, voin sanoa avain esine, 277 00:14:10,880 --> 00:14:12,360 ja vain kﾃ､yttﾃ､ﾃ､ avainta. 278 00:14:12,360 --> 00:14:17,240 Joten var avain esine, minulla on kﾃ､yttﾃ､ﾃ､ olio hakasulkeita 279 00:14:17,240 --> 00:14:19,340 avain silmukan sisﾃ､llﾃ､. 280 00:14:19,340 --> 00:14:24,580 Var avain esine, voin vain kﾃ､yttﾃ､ﾃ､ avain silmukan sisﾃ､llﾃ､, 281 00:14:24,580 --> 00:14:29,040 koska olen vain erikseen puhumme arvoista siellﾃ､. 282 00:14:29,040 --> 00:14:32,630 >> Joten ehkﾃ､ ottaa katso ero 283 00:14:32,630 --> 00:14:35,670 vain nopeasti nﾃ､yttﾃ､ﾃ､ ero neljﾃ､n 284 00:14:35,670 --> 00:14:40,730 vuonna ja on hyvin erityinen array, joka meillﾃ､ on tﾃ､ﾃ､llﾃ､, viikko array. 285 00:14:40,730 --> 00:14:43,616 Joten minun tﾃ､ytyy lﾃｶytﾃ､ﾃ､ new Array ettﾃ､ olen tﾃ､ynnﾃ､ seitsemﾃ､n jouset, 286 00:14:43,616 --> 00:14:46,240 Maanantai, tiistai, keskiviikko, Torstai, perjantai, lauantai, sunnuntai. 287 00:14:46,240 --> 00:14:50,530 Ja haluan nyt kerrata tﾃ､llﾃ､ array, 288 00:14:50,530 --> 00:14:53,090 tulostamalla tiettyjﾃ､ tietoja. 289 00:14:53,090 --> 00:14:58,780 Jos kﾃ､ytﾃ､n varten silmukka tulostaa tietoa, 290 00:14:58,780 --> 00:15:00,710 mitﾃ､ luulet aion saada? 291 00:15:00,710 --> 00:15:01,710 No, katsotaanpa katsomaan. 292 00:15:01,710 --> 00:15:05,300 Ja ennen kuin hypﾃ､tﾃ､ minun selainikkunaan, 293 00:15:05,300 --> 00:15:08,090 juuri tietﾃ､ﾃ､, ettﾃ､ console.log on tavallaan yksi 294 00:15:08,090 --> 00:15:10,630 tapa tehdﾃ､ tulosta F JavaScript. 295 00:15:10,630 --> 00:15:12,040 Mutta mikﾃ､ on konsoli? 296 00:15:12,040 --> 00:15:14,940 No, mitﾃ､ aiomme mennﾃ､ katsomaan juuri nyt. 297 00:15:14,940 --> 00:15:16,850 >> OK, joten olemme takaisin tﾃ､ﾃ､llﾃ､ minun selainikkunassa, 298 00:15:16,850 --> 00:15:19,410 ja aion avata minun kehitystyﾃｶkalut. 299 00:15:19,410 --> 00:15:22,290 Jﾃ､lleen olen vain kﾃ､vi F12 avata kehitystyﾃｶkalut. 300 00:15:22,290 --> 00:15:25,670 Ja huomaa, ettﾃ､ tﾃ､ﾃ､llﾃ､ top Olen valinnut konsoli. 301 00:15:25,670 --> 00:15:28,480 Joten tﾃ､mﾃ､ on kﾃ､site kehittﾃ､jﾃ､ konsolin, 302 00:15:28,480 --> 00:15:30,500 ja se antaa meille mahdollisuuden tulostaa tietoa ulos, 303 00:15:30,500 --> 00:15:33,000 erﾃ､ﾃ､nlainen kuten terminaali, mutta kuten nﾃ､et vﾃ､hﾃ､n myﾃｶhemmin, 304 00:15:33,000 --> 00:15:37,720 Voimme myﾃｶs kirjoittaa tietoja vuorovaikutuksessa nettisivuillamme. 305 00:15:37,720 --> 00:15:42,320 Aion zoomata vﾃ､hﾃ､n tﾃ､ﾃ､llﾃ､, ja aion nyt napsauttamalla varten testissﾃ､. 306 00:15:42,320 --> 00:15:45,230 Ja neljﾃ､ test-- En aio nﾃ､yttﾃ､ﾃ､ koodi juuri nyt, 307 00:15:45,230 --> 00:15:47,479 mutta saat sen jos ladata lﾃ､hdekoodin, ettﾃ､ 308 00:15:47,479 --> 00:15:50,380 on liitetty tﾃ､hﾃ､n video-- on juuri sitﾃ､ varten silmukka 309 00:15:50,380 --> 00:15:52,610 ettﾃ､ nﾃ､imme vain toinen sitten diassa. 310 00:15:52,610 --> 00:15:54,810 >> Joten aion klikkaa ettﾃ､ painiketta, ja tﾃ､nne, 311 00:15:54,810 --> 00:15:58,440 tﾃ､ssﾃ､ mitﾃ､ on tulostettu ulos konsoli, 0, yksi, kaksi, kolme, neljﾃ､, viisi, 312 00:15:58,440 --> 00:15:58,940 kuusi. 313 00:15:58,940 --> 00:16:02,490 En tulostaa tiedot sisﾃ､llﾃ､ niitﾃ､ array paikoissa, 314 00:16:02,490 --> 00:16:05,180 koska kﾃ､ytin varten silmukka. 315 00:16:05,180 --> 00:16:10,670 Ja kehossa silmukan, minﾃ､ vain tulostaa nﾃ､ppﾃ､in ei vastusta avain. 316 00:16:10,670 --> 00:16:18,600 Mutta jos nyt tyhjentﾃ､ﾃ､ konsoli, ja minﾃ､ vaihtaa varten testin, ja neljﾃ､ testi 317 00:16:18,600 --> 00:16:22,500 Sanon kﾃ､ytﾃ､n silmukan sijaan ja tulostaa avain, 318 00:16:22,500 --> 00:16:28,079 jos napsautan ettﾃ､, nyt Saan todellinen Sisﾃ､llﾃ､ minun esine 319 00:16:28,079 --> 00:16:29,120 tai minun array tﾃ､ssﾃ､ tapauksessa. 320 00:16:29,120 --> 00:16:31,760 Oma valikoima arkisin. 321 00:16:31,760 --> 00:16:33,480 Olen tulostaa Maanantai, Tiistai, keskiviikko. 322 00:16:33,480 --> 00:16:36,930 Niin, ettﾃ､ eroa varten silmukka, joka tulostaa 323 00:16:36,930 --> 00:16:43,410 vain nﾃ､ppﾃ､imiﾃ､, jos kﾃ､ytﾃ､t vain avain sisﾃ､llﾃ､ rungon silmukan, 324 00:16:43,410 --> 00:16:46,850 ja varten loop, joka tulostaa ulos arvot, jos kﾃ､ytﾃ､t vain 325 00:16:46,850 --> 00:16:48,870 avain kehossa silmukan. 326 00:16:48,870 --> 00:16:52,380 >> Okei, miten me nyt alkaa liitﾃ､t jouset ja ehkﾃ､ sekoittaa 327 00:16:52,380 --> 00:16:57,220 joitakin muuttujia interpoloinnissa kuten pystyimme tekemﾃ､ﾃ､n PHP? 328 00:16:57,220 --> 00:16:59,410 No, olemme melko tuttuja tﾃ､mﾃ､n PHP. 329 00:16:59,410 --> 00:17:04,109 Nﾃ､in voisimme tehdﾃ､ sen kﾃ､yttﾃ､mﾃ､llﾃ､ piste operaattori ketjuttaa merkkijonoja. 330 00:17:04,109 --> 00:17:06,260 JavaScript, vaikka, me todella kﾃ､yttﾃ､ﾃ､ jotain 331 00:17:06,260 --> 00:17:09,290 nimeltﾃ､ﾃ､n plus operaattori, joka on ehkﾃ､ jopa hieman enemmﾃ､n 332 00:17:09,290 --> 00:17:10,470 intuitiivinen, eikﾃｶ? 333 00:17:10,470 --> 00:17:12,609 Lisﾃ､ﾃ､mme joukko merkkijonojen yhdessﾃ､. 334 00:17:12,609 --> 00:17:14,520 Joten pﾃ､ﾃ､ takaisin yli ja nﾃ､hdﾃ､, mitﾃ､ tﾃ､mﾃ､ 335 00:17:14,520 --> 00:17:18,693 tulostaa jos yritﾃ､mme tulostaa kaikki tiedot viikolla jono. 336 00:17:18,693 --> 00:17:20,859 Selvﾃ､, joten alle tﾃ､ssﾃ､ alle merkkijono ketjutus, 337 00:17:20,859 --> 00:17:24,822 Minulla on kaksi vaihtoehtoa, merkkijono rakennus V1 ja sitten jono rakennus V2. 338 00:17:24,822 --> 00:17:26,530 Ja nﾃ､emme, miksi me tarvitsevat V2 toinen. 339 00:17:26,530 --> 00:17:28,610 Mutta aion klikkaa merkkijono rakennus V1, joka 340 00:17:28,610 --> 00:17:30,360 on koodi olimme vain vilkaisemalla, 341 00:17:30,360 --> 00:17:32,980 console.log kaikkien ansioita. 342 00:17:32,980 --> 00:17:35,910 Katsotaanpa, jos tﾃ､mﾃ､ tulosteita mitﾃ､ odotamme. 343 00:17:35,910 --> 00:17:39,939 >> Maanantai on pﾃ､ivﾃ､ 01 viikon, Tiistai on pﾃ､ivﾃ､ numero 11 viikon. 344 00:17:39,939 --> 00:17:41,730 No, mitﾃ､ yritin tehdﾃ､ siellﾃ､ oli saada 345 00:17:41,730 --> 00:17:46,280 se tulostaa Maanantai on pﾃ､ivﾃ､ numero yksi, tiistai on pﾃ､ivﾃ､ numero kaksi. 346 00:17:46,280 --> 00:17:50,140 Mutta nﾃ､yttﾃ､ﾃ､ siltﾃ､ kuin olisin aina tulostamalla yksi. 347 00:17:50,140 --> 00:17:51,260 No, miksi? 348 00:17:51,260 --> 00:17:55,600 No, se kﾃ､ﾃ､ntyy pois, katsomaan uudelleen tﾃ､ssﾃ､ pieni koodinpﾃ､tkﾃ､ tﾃ､ﾃ､llﾃ､. 349 00:17:55,600 --> 00:18:00,160 Huomaa, ettﾃ､ kﾃ､ytﾃ､mme plus operaattori kahdessa eri yhteydessﾃ､. 350 00:18:00,160 --> 00:18:03,221 >> Ja niin tﾃ､ﾃ､llﾃ､ on, jos ehkﾃ､ asiat ettﾃ､ olemme tavallaan sanoneet, 351 00:18:03,221 --> 00:18:03,970 Voi, se on niin suuri. 352 00:18:03,970 --> 00:18:05,910 Emme kﾃ､sitellﾃ､ tietotyyppejﾃ､ enﾃ､ﾃ､. 353 00:18:05,910 --> 00:18:08,220 Mutta tﾃ､ssﾃ､ tarina siitﾃ､ ettﾃ､ menetﾃ､mme tietotyypit 354 00:18:08,220 --> 00:18:10,960 voi todella olla hieman ongelma meille. 355 00:18:10,960 --> 00:18:16,260 Nyt plus operaattori kﾃ､ytetﾃ､ﾃ､n liitﾃ､t jouset ja lisﾃ､tﾃ､ numeroita 356 00:18:16,260 --> 00:18:19,550 yhdessﾃ､, JavaScript on tehdﾃ､ sen paras arvaus 357 00:18:19,550 --> 00:18:22,030 siitﾃ､, mitﾃ､ haluan sen tehdﾃ､ minulle. 358 00:18:22,030 --> 00:18:23,900 Ja tﾃ､ssﾃ､ tapauksessa, se arvata vﾃ､ﾃ､rin. 359 00:18:23,900 --> 00:18:29,340 Se vain ketjutettuja pﾃ､ivﾃ､, joka olisi 0, yksi, kaksi, kolme, neljﾃ､, viisi tai kuusi, 360 00:18:29,340 --> 00:18:32,060 ja sitten se vain ketjutetaan ettﾃ､ ja sitten ketjutettujen yksi. 361 00:18:32,060 --> 00:18:35,020 Se ei itse lisﾃ､tﾃ､ niitﾃ､ yhteen. 362 00:18:35,020 --> 00:18:37,320 Ja niin kielillﾃ､, PHP ja JavaScript, 363 00:18:37,320 --> 00:18:39,196 ettﾃ､ abstracts pois tﾃ､mﾃ､ kﾃ､site tyyppejﾃ､, 364 00:18:39,196 --> 00:18:40,820 sinun ei tarvitse kﾃ､sitellﾃ､ sitﾃ､ enﾃ､ﾃ､. 365 00:18:40,820 --> 00:18:43,600 He eivﾃ､t vielﾃ､ tyyppejﾃ､ konepellin alle. 366 00:18:43,600 --> 00:18:46,780 Ja voimme tilanteissa nﾃ､in, hyﾃｶdyntﾃ､ﾃ､ tﾃ､mﾃ､ seikka 367 00:18:46,780 --> 00:18:49,240 sanomalla jotain kuten ehkﾃ､ tﾃ､mﾃ､, joka 368 00:18:49,240 --> 00:18:53,210 kertoo JavaScript, jonka tavalla, kﾃ､sittelemﾃ､ﾃ､n tﾃ､tﾃ､ kokonaisluku, 369 00:18:53,210 --> 00:18:57,100 eivﾃ､t kﾃ､sittele sitﾃ､ merkkijono, jopa vaikka olemme sekoittamista jouset 370 00:18:57,100 --> 00:18:58,940 ja kokonaislukuja tﾃ､ﾃ､llﾃ､. 371 00:18:58,940 --> 00:19:02,204 >> Se on vain yksi niistﾃ､ asioista ettﾃ､ se tuntuu niin hyvﾃ､ltﾃ､ yhteydessﾃ､ 372 00:19:02,204 --> 00:19:04,120 ettﾃ､ meillﾃ､ ei tarvitse kﾃ､sitellﾃ､ tyypit enﾃ､ﾃ､, 373 00:19:04,120 --> 00:19:05,828 mutta joskus ll tﾃｶrmﾃ､tﾃ､ tilanteeseen 374 00:19:05,828 --> 00:19:09,110 juuri nﾃ､in, jos se, ettﾃ､ sinulla ei ole valvoa tyyppisiﾃ､ 375 00:19:09,110 --> 00:19:11,220 voi epﾃ､onnistua sinua jos et ole varovainen. 376 00:19:11,220 --> 00:19:18,285 Joten jos me pop takaisin yli IDE, olen menossa siivota minun konsoli uudelleen, 377 00:19:18,285 --> 00:19:20,660 ja aion klikkaa merkkijono rakennus versio kaksi, joka 378 00:19:20,660 --> 00:19:23,052 on, jos kﾃ､ytﾃ､n Parse int toiminto. 379 00:19:23,052 --> 00:19:25,260 Nyt se tulostamalla tiedot, jotka Odotan. 380 00:19:25,260 --> 00:19:29,330 Maanantain pﾃ､ivﾃ､ ykkﾃｶnen, sunnuntai on pﾃ､ivﾃ､ numero kaksi, ja niin edelleen. 381 00:19:29,330 --> 00:19:31,170 >> Joten puhua toimintoja uudelleen. 382 00:19:31,170 --> 00:19:34,790 Lupasin me puhumme anonyymi toiminnot, ja nyt yhteydessﾃ､ kyseisen 383 00:19:34,790 --> 00:19:36,360 on vihdoin saapunut. 384 00:19:36,360 --> 00:19:39,980 Joten ennen kuin teemme niin, Puhutaanpa uudelleen noin paneelit vain toisen. 385 00:19:39,980 --> 00:19:42,120 Joten paneelit ovat erityisen kyseessﾃ､ esine. 386 00:19:42,120 --> 00:19:45,180 Itse kaiken JavaScript on todella esine. 387 00:19:45,180 --> 00:19:47,190 Joten toiminnot ovat erikoistapaus objektin, 388 00:19:47,190 --> 00:19:49,770 kokonaisluvut ovat erityinen kyseessﾃ､ esine, 389 00:19:49,770 --> 00:19:52,152 mutta paneelit erityisesti on useita menetelmiﾃ､. 390 00:19:52,152 --> 00:19:55,110 Muista koska he esineitﾃ､, niillﾃ､ voi olla ominaisuuksia ja menetelmiﾃ､. 391 00:19:55,110 --> 00:19:58,600 Niillﾃ､ on useita menetelmiﾃ､, jotka voidaan soveltaa nﾃ､itﾃ､ esineitﾃ､. 392 00:19:58,600 --> 00:20:01,197 On kutsuttua menetelmﾃ､ﾃ､ koko, array.size, 393 00:20:01,197 --> 00:20:03,030 joka palaa teitﾃ､ ehkﾃ､ odottaa 394 00:20:03,030 --> 00:20:05,120 elementtien mﾃ､ﾃ､rﾃ､ matriisisi. 395 00:20:05,120 --> 00:20:08,480 array.pop, tavallaan kuin kﾃ､sityksemme popping pois 396 00:20:08,480 --> 00:20:11,110 pino, jos muistatte meidﾃ､n pinot video, 397 00:20:11,110 --> 00:20:13,810 poistaa viimeinen elementti jono. 398 00:20:13,810 --> 00:20:17,110 Array.push lisﾃ､tﾃ､ﾃ､n uusi elementti loppuun jono. 399 00:20:17,110 --> 00:20:20,910 array.shift on erﾃ､ﾃ､nlainen kuten DQ, se jatkokset ulos 400 00:20:20,910 --> 00:20:23,610 ensimmﾃ､inen osa array. 401 00:20:23,610 --> 00:20:27,549 >> Mutta on myﾃｶs toinen erityinen menetelmﾃ､ array nimeltﾃ､ kartalla. 402 00:20:27,549 --> 00:20:29,340 Ja tﾃ､mﾃ､ on tavallaan mielenkiintoinen kﾃ､site. 403 00:20:29,340 --> 00:20:30,930 Joten mikﾃ､ on ajatus kartan? 404 00:20:30,930 --> 00:20:33,880 Sinun todella nﾃ､hdﾃ､ tﾃ､mﾃ､n useilla muilla kielillﾃ､, 405 00:20:33,880 --> 00:20:38,550 ja emme puhu erﾃ､ﾃ､nlainen kartanpiirtﾃ､jille kartta tﾃ､ﾃ､llﾃ､, 406 00:20:38,550 --> 00:20:41,480 puhumme kartoitus toiminto. 407 00:20:41,480 --> 00:20:44,110 Yhteydessﾃ､ olemme puhumme tﾃ､ﾃ､llﾃ､, kartta 408 00:20:44,110 --> 00:20:47,950 on erityinen toimenpide me voivat suorittaa array 409 00:20:47,950 --> 00:20:51,630 soveltaa tietyn toiminnon jokaiseen osa tﾃ､tﾃ､ array. 410 00:20:51,630 --> 00:20:55,190 ja niin sanoisimme vuonna Tﾃ､llﾃｶin ehkﾃ､ array.map, 411 00:20:55,190 --> 00:21:00,330 ja sen sisﾃ､llﾃ､, olemme ohimennen osaksi kartta on toiminto, joka haluamme 412 00:21:00,330 --> 00:21:02,430 sovellettava jokaiseen elementtiin. 413 00:21:02,430 --> 00:21:07,299 Joten se on erﾃ､ﾃ､nlainen analoginen kﾃ､yttﾃ､en silmukka iteroida yli jokainen elementti 414 00:21:07,299 --> 00:21:09,340 ja soveltaa tiettyﾃ､ toimivat jokainen elementti, 415 00:21:09,340 --> 00:21:14,830 vain JavaScript on tﾃ､mﾃ､ rakennettu kﾃ､site kartoitus, joita voidaan soveltaa. 416 00:21:14,830 --> 00:21:19,700 Ja tﾃ､mﾃ､ on suuri yhteydessﾃ､ puhua nimettﾃｶmﾃ､nﾃ､ toiminto. 417 00:21:19,700 --> 00:21:22,370 >> Joten sanokaamme meillﾃ､ tﾃ､mﾃ､ joukko kokonaislukuja. 418 00:21:22,370 --> 00:21:25,370 Sitﾃ､ kutsutaan nums, ja se sai viisi mitﾃ､ siinﾃ､ on yksi, kaksi, kolme, neljﾃ､, 419 00:21:25,370 --> 00:21:26,410 viisi. 420 00:21:26,410 --> 00:21:30,620 Nyt haluan kartoittaa joitakin toimintoa tﾃ､hﾃ､n array. 421 00:21:30,620 --> 00:21:34,337 Haluan olla funktio sovellettava jokaiseen alkiota. 422 00:21:34,337 --> 00:21:37,420 No, sanotaan, ettﾃ､ mitﾃ､ haluan tehdﾃ､, on vain kaksinkertainen kaikki elementit. 423 00:21:37,420 --> 00:21:42,520 Mitﾃ､ voisin tehdﾃ､ on vain kﾃ､yttﾃ､ﾃ､ silmukka var minﾃ､ ollessa 0, I on vﾃ､hemmﾃ､n kuin 424 00:21:42,520 --> 00:21:47,390 tai yhtﾃ､ suuri kuin 4, minﾃ､ plus, plus, ja sitten kaksinkertaistuu jokaisen numeron. 425 00:21:47,390 --> 00:21:49,580 Mutta voin myﾃｶs tehdﾃ､ jotain tﾃ､llaista. 426 00:21:49,580 --> 00:21:53,420 Voin sanoa nums oli aiemmin yksi kaksi kolme neljﾃ､ viisi, 427 00:21:53,420 --> 00:21:58,310 nyt, vaikka haluan sinun sovelletaan kartoitus pﾃ､ﾃ､lle tﾃ､mﾃ､n taulukon 428 00:21:58,310 --> 00:22:00,400 jossa haluaisin teidﾃ､n kaksinkertaistaa jokainen numero. 429 00:22:00,400 --> 00:22:02,540 Ja juuri mitﾃ､ tﾃ､ﾃ､llﾃ､ tapahtuu. 430 00:22:02,540 --> 00:22:06,870 Mutta huomaa, mitﾃ､ olen ohimennen niin vﾃ､ite karttaan. 431 00:22:06,870 --> 00:22:09,080 Tﾃ､mﾃ､ on nimetﾃｶn funktio. 432 00:22:09,080 --> 00:22:11,140 Ja huomaa En ole antanut Tﾃ､mﾃ､n toiminnon nimi, 433 00:22:11,140 --> 00:22:13,290 Olen vain antanut sille parametriluettelo. 434 00:22:13,290 --> 00:22:16,370 Ja niin tﾃ､mﾃ､ on esimerkki nimetﾃｶn funktio. 435 00:22:16,370 --> 00:22:21,270 >> Olemme yleensﾃ､ koskaan kutsua tﾃ､tﾃ､ funktio ulkopuolella yhteydessﾃ､ kartalla. 436 00:22:21,270 --> 00:22:24,110 Olemme se mﾃ､ﾃ､ritellﾃ､ﾃ､n parametri kartoittaa, ja niin emme oikeastaan 437 00:22:24,110 --> 00:22:27,910 tﾃ､ytyy olla nimi, jos Ainoa asia, joka vﾃ､littﾃ､ﾃ､ on kartta 438 00:22:27,910 --> 00:22:30,339 ja se on mﾃ､ﾃ､ritelty oikeus siellﾃ､ sisﾃ､llﾃ､ kartan. 439 00:22:30,339 --> 00:22:31,880 Ja niin tﾃ､mﾃ､ on anonyymi funktio. 440 00:22:31,880 --> 00:22:34,680 Emme ole pystyneet tehdﾃ､ tﾃ､tﾃ､ aiemmin. 441 00:22:34,680 --> 00:22:38,400 Kartta jokin funktio, ettﾃ､ hyvﾃ､ksyy yksi parametri, num, 442 00:22:38,400 --> 00:22:41,890 ja mitﾃ､ tﾃ､mﾃ､ toiminto tekee on palaa num kertaa 2. 443 00:22:41,890 --> 00:22:45,330 Ja niin sen jﾃ､lkeen tﾃ､mﾃ､ kartoitus on sovellettu, 444 00:22:45,330 --> 00:22:50,090 tﾃ､mﾃ､ on nyt mitﾃ､ nums nﾃ､yttﾃ､ﾃ､ kuten, kaksi, neljﾃ､, kuusi, kahdeksan, 10. 445 00:22:50,090 --> 00:22:52,090 Ja me pop yli minun selainikkunan ja vain 446 00:22:52,090 --> 00:22:55,240 katsomaan tﾃ､mﾃ､ todella nopeasti samoin. 447 00:22:55,240 --> 00:22:58,000 >> Joten minulla on toinen painike tﾃ､ﾃ､llﾃ､ kotini sivun nimeltﾃ､ kaksinkertainen. 448 00:22:58,000 --> 00:23:03,570 Ja kun klikkaa kaksinkertainen, ja se kertoo minua ennen kuin se oli yksi, kaksi, kolme, neljﾃ､, 449 00:23:03,570 --> 00:23:07,250 viisi jﾃ､lkeen kaksi, neljﾃ､, kuusi, kahdeksan, 10. 450 00:23:07,250 --> 00:23:11,930 Ja vaikka minﾃ､ menen takaisin ja valitse kaksinkertainen jﾃ､lleen, kaksi, neljﾃ､, kuusi, kahdeksan, 10. 451 00:23:11,930 --> 00:23:17,400 Ja sitten sen jﾃ､lkeen, neljﾃ､, kahdeksan, 12, 16, ja sitten 20. 452 00:23:17,400 --> 00:23:20,440 Ja mitﾃ､ olen tehnyt tﾃ､mﾃ､n toiminnon? 453 00:23:20,440 --> 00:23:25,210 No, jos me vain pop yli IDE, ja Vedﾃ､n minun nimetﾃｶn funktio, tﾃ､ssﾃ､ 454 00:23:25,210 --> 00:23:28,780 rivillﾃ､ seitsemﾃ､n kautta 13, olen tekee vﾃ､hﾃ､n fancy tyﾃｶtﾃ､ tﾃ､ﾃ､llﾃ､, 455 00:23:28,780 --> 00:23:32,240 mutta olen vain tulostamalla mitﾃ､ tﾃ､llﾃ､ hetkellﾃ､ jono. 456 00:23:32,240 --> 00:23:36,580 Sitten linja 16, 17, ja 18, siellﾃ､ on minun kartalla. 457 00:23:36,580 --> 00:23:40,930 Tﾃ､mﾃ､ on, jos olen soveltaa tﾃ､tﾃ､ kaksinkertaistamista toiminto jokaiseen elementtiin. 458 00:23:40,930 --> 00:23:43,530 Ja sitten hieman alempana, Olen vain tehdﾃ､ sama asia 459 00:23:43,530 --> 00:23:46,640 Tein ennen, paitsi nyt olen tulostamalla sisﾃ､ltﾃｶ array 460 00:23:46,640 --> 00:23:48,167 jﾃ､lkeenpﾃ､in. 461 00:23:48,167 --> 00:23:50,500 Mutta kaikki olen tehnyt tﾃ､ssﾃ､ vain kﾃ､yttﾃ､ﾃ､ anonyymi toiminto 462 00:23:50,500 --> 00:23:53,640 kartoittaa poikki koko ryhmﾃ､n. 463 00:23:53,640 --> 00:23:58,466 >> Joten yksi iso aihe puhua vuonna JavaScript on kﾃ､site tapahtuman. 464 00:23:58,466 --> 00:24:01,590 Tapahtuma on jotain, joka vain sattuu kun kﾃ､yttﾃ､jﾃ､ on vuorovaikutuksessa web 465 00:24:01,590 --> 00:24:04,715 sivu, joten ehkﾃ､ he osoita jotain, tai ehkﾃ､ sivu on ladattu, 466 00:24:04,715 --> 00:24:07,200 tai ehkﾃ､ he muuttivat niiden hiiri jotain, 467 00:24:07,200 --> 00:24:09,290 tai he kirjoittanut jotain syﾃｶttﾃｶkentﾃ､ssﾃ､. 468 00:24:09,290 --> 00:24:14,260 Kaikki nﾃ､mﾃ､ asiat ovat tapahtumia ettﾃ､ tapahtuvat nettisivuillamme. 469 00:24:14,260 --> 00:24:17,460 Ja JavaScript on kyky tukea jotain 470 00:24:17,460 --> 00:24:21,760 kutsutaan tapahtuma kﾃ､sittelijﾃ､, joka on soittopyynnﾃｶn toiminto, joka 471 00:24:21,760 --> 00:24:23,329 vastaa html tapahtumaan. 472 00:24:23,329 --> 00:24:24,620 Ja mikﾃ､ soittopyynnﾃｶn toiminto? 473 00:24:24,620 --> 00:24:27,328 No, se on yleensﾃ､ vain yksi nimetﾃ､ nimettﾃｶmﾃ､n funktion. 474 00:24:27,328 --> 00:24:30,170 Se on toiminto, vastaa tapahtuman. 475 00:24:30,170 --> 00:24:34,130 Ja tﾃ､mﾃ､ on silloin tulemme Ajatus sitova tiettyjen toimintojen 476 00:24:34,130 --> 00:24:38,060 tiettyyn html ominaisuus. 477 00:24:38,060 --> 00:24:41,420 Useimmat HTML-elementit ovat tuki ominaisuus 478 00:24:41,420 --> 00:24:45,170 ettﾃ､ emme puhu html video jotain click 479 00:24:45,170 --> 00:24:50,540 tai Hover tai kuorman, kaikki nﾃ､mﾃ､ tapahtumat 480 00:24:50,540 --> 00:24:53,120 ettﾃ､ voit kirjoittaa toimintoja jotka kﾃ､sittelevﾃ､t nﾃ､iden tapahtumien 481 00:24:53,120 --> 00:24:56,090 kun kyseiset tapahtumat esiintyy Web-sivulla. 482 00:24:56,090 --> 00:24:59,170 >> Ja niin ehkﾃ､ html nﾃ､yttﾃ､ﾃ､ suunnilleen tﾃ､ltﾃ､. 483 00:24:59,170 --> 00:25:02,240 Ja minulla on kaksi painiketta tﾃ､ﾃ､llﾃ､, painike yksi ja painiketta kaksi, 484 00:25:02,240 --> 00:25:04,620 ja tﾃ､ﾃ､llﾃ､ minulla on tﾃ､llﾃ､ hetkellﾃ､ mﾃ､ﾃ､ritelty mitﾃ､ﾃ､n, 485 00:25:04,620 --> 00:25:11,170 mutta tﾃ､mﾃ､ on, jos mﾃ､ﾃ､rite click on ilmeisesti osa minun html tag. 486 00:25:11,170 --> 00:25:15,220 Joten ilmeisesti kun mﾃ､ﾃ､ritellﾃ､ mitﾃ､ meneillﾃ､ﾃ､n sisﾃ､llﾃ､ ettﾃ､ ominaisuus, 487 00:25:15,220 --> 00:25:18,590 se tulee olemaan noin JavaScript toiminto, joka vastaa tapahtuman 488 00:25:18,590 --> 00:25:24,360 oletettavasti klikkaamalla painike yksi tai -painiketta kaksi. 489 00:25:24,360 --> 00:25:28,580 >> Mikﾃ､ on tavallaan viileﾃ､ tﾃ､stﾃ､ on meidﾃ､n voi kirjoittaa yleinen tapahtumankﾃ､sittelijﾃ､nﾃ､. 490 00:25:28,580 --> 00:25:32,370 Ja tﾃ､mﾃ､ tapahtuma Handler tulee luoda tapahtuman objekti. 491 00:25:32,370 --> 00:25:37,000 Ja tapahtuma objekti kertoo meille joka on kaksi painiketta on napsautettu. 492 00:25:37,000 --> 00:25:38,064 Nyt miten se toimii? 493 00:25:38,064 --> 00:25:39,730 No, se saattaa nﾃ､yttﾃ､ﾃ､ jotain tﾃ､llaista. 494 00:25:39,730 --> 00:25:44,860 Joten me ensin mﾃ､ﾃ､ritellﾃ､ meidﾃ､n painikkeet on vastaus soittopyyntﾃｶ 495 00:25:44,860 --> 00:25:47,470 toiminto, jota kutsutaan kun painiketta napsautetaan, 496 00:25:47,470 --> 00:25:49,520 soitamme tapahtuman hﾃ､lytys nimi. 497 00:25:49,520 --> 00:25:53,320 Ja ilmoituksen molemmissa tapauksissa olemme kulkee tﾃ､hﾃ､n tapahtumaan parametrin. 498 00:25:53,320 --> 00:25:55,460 Joten me kutsumme tﾃ､tﾃ､ toimintoa tai kun tﾃ､mﾃ､ toiminto 499 00:25:55,460 --> 00:26:00,330 laukaisee tapahtuma tapahtuu, se tulee luoda tﾃ､mﾃ､n tapahtuman objekti 500 00:26:00,330 --> 00:26:03,300 ja siirtﾃ､ﾃ､ sen parametrin varoittaa nimi. 501 00:26:03,300 --> 00:26:07,270 Ja ettﾃ､ tapahtuma esine on menossa sisﾃ､ltﾃ､vﾃ､t tietoja 502 00:26:07,270 --> 00:26:09,800 josta napsautettiin. 503 00:26:09,800 --> 00:26:11,580 Ja miten se tehdﾃ､? 504 00:26:11,580 --> 00:26:13,654 No, se saattaa nﾃ､yttﾃ､ﾃ､ jotain tﾃ､llaista. 505 00:26:13,654 --> 00:26:15,570 Joten nyt minun erillisessﾃ､ JavaScript-tiedosto, voisin 506 00:26:15,570 --> 00:26:17,420 on lﾃｶydettﾃ､vﾃ､ tﾃ､hﾃ､n toiminto hﾃ､lytys nimi, joka 507 00:26:17,420 --> 00:26:19,500 jﾃ､lleen myﾃｶntﾃ､ﾃ､, ettﾃ､ tapahtuma parametri. 508 00:26:19,500 --> 00:26:24,640 Ja sitten tﾃ､ssﾃ､ missﾃ､ olen havaitsemiseksi mitﾃ､ painiketta laukaisi, 509 00:26:24,640 --> 00:26:28,100 var laukaista vastaa tapahtuma dot lﾃ､hde-elementin. 510 00:26:28,100 --> 00:26:33,150 Mikﾃ､ oli lﾃ､hde joka loi tﾃ､mﾃ､ tapahtuma esine, joka hyvﾃ､ksyttiin? 511 00:26:33,150 --> 00:26:36,390 Oliko se painike yksi vai oliko painiketta kaksi? 512 00:26:36,390 --> 00:26:40,710 >> Ja niin tﾃ､ssﾃ､ kaikki mulla on tulostamalla trigger.innerhtml. 513 00:26:40,710 --> 00:26:43,860 No, tﾃ､ssﾃ､ tapauksessa, tﾃ､ssﾃ､ yhteydessﾃ､, trigger.innerhtml 514 00:26:43,860 --> 00:26:45,940 on juuri sitﾃ､ mitﾃ､ on kirjoitettu painiketta. 515 00:26:45,940 --> 00:26:48,830 Se vain niin, jos me hypﾃ､tﾃ､ takaisin toisen, joka 516 00:26:48,830 --> 00:26:51,670 olla mitﾃ､ on nﾃ､iden -painiketta tageja. 517 00:26:51,670 --> 00:26:54,150 Se on painike yksi tai -painiketta kaksi. 518 00:26:54,150 --> 00:26:57,320 Ja lﾃ､hdetﾃ､ﾃ､n katsomaan miten tﾃ､mﾃ､ tapahtumakﾃ､sittely olisi 519 00:26:57,320 --> 00:27:01,080 katso jos olisimme sen kﾃ､ynnissﾃ､ kﾃ､ytﾃ､nnﾃｶssﾃ､. 520 00:27:01,080 --> 00:27:03,850 >> Joten ensinnﾃ､kin, olet avannut events.js, 521 00:27:03,850 --> 00:27:06,517 joka on JavaScript-tiedoston, jossa Olen mﾃ､ﾃ､ritellyt tﾃ､tﾃ､ toimintoa. 522 00:27:06,517 --> 00:27:08,558 Ja kuten nﾃ､ette, se on aika paljon mitﾃ､ 523 00:27:08,558 --> 00:27:10,230 me vain nﾃ､ki dia toinen sitten. 524 00:27:10,230 --> 00:27:14,890 Ja aion mennﾃ､ yli etusivu olemme kﾃ､yttﾃ､neet. 525 00:27:14,890 --> 00:27:17,660 Ja minulla on tﾃ､ﾃ､llﾃ､ -painiketta yksi ja -painiketta kaksi. 526 00:27:17,660 --> 00:27:19,820 Ja minﾃ､ napsauta painiketta yksi. 527 00:27:19,820 --> 00:27:23,930 Napsautit painiketta yksi, jos voi nﾃ､hdﾃ､ tﾃ､ﾃ､llﾃ､ hﾃ､lytys. 528 00:27:23,930 --> 00:27:25,810 OK. 529 00:27:25,810 --> 00:27:28,980 Klikkaa painiketta kaksi, te napsautti painiketta kaksi. 530 00:27:28,980 --> 00:27:32,150 >> Joten molemmat painikkeet ovat Sama toiminto soittaa, eikﾃｶ? 531 00:27:32,150 --> 00:27:35,840 He molemmat olivat hﾃ､lytys nimi tapahtuma, mutta tﾃ､mﾃ､ tapahtuma esine 532 00:27:35,840 --> 00:27:41,900 ettﾃ､ saa luotu kun klikkaa se kertoo meille joka napsautettiin. 533 00:27:41,900 --> 00:27:44,650 Meillﾃ､ ei tarvitse kirjoittaa kaksi erillistﾃ､ toimintoja tai kﾃ､sitellﾃ､ ottaa 534 00:27:44,650 --> 00:27:46,470 vﾃ､littﾃ､ﾃ､ lisﾃ､tietoja. 535 00:27:46,470 --> 00:27:48,220 Olemme vain luottaa mitﾃ､ JavaScript 536 00:27:48,220 --> 00:27:53,772 tehdﾃ､ meille, mikﾃ､ on luoda ettﾃ､ erﾃ､ﾃ､nlainen tapahtuma esine meidﾃ､n puolestamme. 537 00:27:53,772 --> 00:27:56,730 Siellﾃ､ on paljon enemmﾃ､n JavaScript kuin mitﾃ､ olemme kuulu tﾃ､mﾃ､n videon, 538 00:27:56,730 --> 00:27:58,521 mutta, joilla on nﾃ､mﾃ､ perusoikeuksien pitﾃ､isi saada heti 539 00:27:58,521 --> 00:28:00,690 melko pitkﾃ､ tapoja oppimisen kaiken sinun 540 00:28:00,690 --> 00:28:04,030 tﾃ､ytyy tietﾃ､ﾃ､ tﾃ､stﾃ､ mielenkiintoinen kieli. 541 00:28:04,030 --> 00:28:05,000 Olen Doug Lloyd. 542 00:28:05,000 --> 00:28:07,010 Tﾃ､mﾃ､ on CS50. 543 00:28:07,010 --> 00:28:09,181