1 00:00:00,000 --> 00:00:03,840 >> [MIZIK jwe] 2 00:00:03,840 --> 00:00:05,770 3 00:00:05,770 --> 00:00:08,690 >> Doug Lloyd: Se konsa, pa kounye a nou ap fin vye granmoun avantaj nan pwogram entènèt, dwa? 4 00:00:08,690 --> 00:00:12,140 Apre sa, nou te kouvri plizyè lang nan videyo endividyèl elèv yo. 5 00:00:12,140 --> 00:00:14,690 Epi, koulye a kite a fè yon sèl plis, JavaScript. 6 00:00:14,690 --> 00:00:17,370 >> Premye bon nouvèl la, JavaScript se yon pwogram modèn 7 00:00:17,370 --> 00:00:21,410 lang anpil tankou PHP ki gen se sentaks sòti nan C, 8 00:00:21,410 --> 00:00:22,830 se konsa sa a, se yon bon plas yo kòmanse. 9 00:00:22,830 --> 00:00:25,880 Li nan sou laj tankou PHP, kòm byen, li te gen te alantou sou 20 ane sa yo. 10 00:00:25,880 --> 00:00:28,600 Li te envante alantou menm tan an kòm PHP. 11 00:00:28,600 --> 00:00:32,240 Apre sa, JavaScript se aktyèlman trè fondamantal nan eksperyans nan itilizatè 12 00:00:32,240 --> 00:00:32,740 a entènèt la. 13 00:00:32,740 --> 00:00:34,448 An reyalite, gen twa lang ke mwen 14 00:00:34,448 --> 00:00:38,480 ta ka di sòt de fè moute a eksperyans itilizatè a kominike 15 00:00:38,480 --> 00:00:42,650 ak sit wèb la, html, CSS, ak JavaScript. 16 00:00:42,650 --> 00:00:46,030 Se konsa, kounye a kite a pale yon ti kras sou JavaScript. 17 00:00:46,030 --> 00:00:50,301 >> Move nouvèl yo, menm si, ak JavaScript se ke li kouche yon anpil nan règ pou tèt li, 18 00:00:50,301 --> 00:00:51,300 ak Lè sa a li kraze yo. 19 00:00:51,300 --> 00:00:54,010 Ak JavaScript ka aktyèlman ap kalite defi pou aprann, pou 20 00:00:54,010 --> 00:00:57,000 paske li nan kontrèman C ak PHP, ki fè yo trè estriktire 21 00:00:57,000 --> 00:01:00,270 epi yo gen règ trè rijid pou konbyen bagay sa yo ka travay. 22 00:01:00,270 --> 00:01:03,690 JavaScript gen kalite a vinn konsa fleksib 23 00:01:03,690 --> 00:01:06,650 ke petèt bagay yo pa ale nan travay fason nou atann yo, 24 00:01:06,650 --> 00:01:09,830 e petèt nou reyèlman pa ka aprann lang premye pwogram nou an 25 00:01:09,830 --> 00:01:10,769 kòm yon JavaScript. 26 00:01:10,769 --> 00:01:12,810 Se konsa, petèt paske li fè sa ki pa mete tèt li nenpòt règ, 27 00:01:12,810 --> 00:01:15,754 epi li pa fè sa vrèman aplike bon abitid kodaj. 28 00:01:15,754 --> 00:01:18,170 Men koulye a, nou te èspere ke devlope kèk bon abitid kodaj, 29 00:01:18,170 --> 00:01:21,470 epi pou nou ka kòmanse plonge nan JavaScript yon ti kras. 30 00:01:21,470 --> 00:01:25,750 >> Pou ekri JavaScript, menm jan ak ouvèti moute yon dosye C ak yon dot C ekstansyon 31 00:01:25,750 --> 00:01:29,770 oswa yon dosye PHP ak yon ekstansyon dot PHP, tout sa nou bezwen fè se louvri moute yon dosye 32 00:01:29,770 --> 00:01:31,764 ak ekstansyon dosye dot nan js. 33 00:01:31,764 --> 00:01:34,430 Nou pa bezwen gen nenpòt espesyal separateur tankou nou te fè nan PHP. 34 00:01:34,430 --> 00:01:36,750 Ki sòt de ang bracket kesyon mak PHP 35 00:01:36,750 --> 00:01:40,300 ke nou ap itilize yo de sa, wout la nou di navigatè nou an ki sa nou genyen se 36 00:01:40,300 --> 00:01:43,502 JavaScript se pa ki gen ladan li nan yon tag HTML, 37 00:01:43,502 --> 00:01:46,210 epi nou pral wè yon ti kras sou ki jan fè sa nan jis yon moman. 38 00:01:46,210 --> 00:01:48,210 >> Bagay a lòt ki fè JavaScript diferan, 39 00:01:48,210 --> 00:01:50,580 menm si, se ke li kouri bò kliyan. 40 00:01:50,580 --> 00:01:53,430 Se konsa, sonje ak PHP ki nou pa janm te ka reyèlman wè 41 00:01:53,430 --> 00:01:57,041 PHP a ki souliye yon sit entènèt. 42 00:01:57,041 --> 00:01:59,040 Si nou tout tan tout tan a nan paj sous, nou ta sèlman 43 00:01:59,040 --> 00:02:02,830 wè html ki te ki te pwodwi pa ki PHP. 44 00:02:02,830 --> 00:02:04,900 Men, JavaScript kouri bò kliyan. 45 00:02:04,900 --> 00:02:06,710 JavaScript ou kouri sou òdinatè ou. 46 00:02:06,710 --> 00:02:09,050 Epi sa a, poukisa ou kapab fè bagay renmen ajoute blockers. 47 00:02:09,050 --> 00:02:09,550 Dwa? 48 00:02:09,550 --> 00:02:12,704 Piblisite bloke se anjeneral fè pa touye tout nan JavaScript nan 49 00:02:12,704 --> 00:02:14,370 ki ap kouri sou yon sit entènèt patikilye. 50 00:02:14,370 --> 00:02:19,000 Epi paske li ta gen yo kouri sou bò kliyan machin ou, 51 00:02:19,000 --> 00:02:21,910 ou ka jis sispann nan JavaScript pou kouri nèt. 52 00:02:21,910 --> 00:02:27,030 Sa vle di tou ke lè ou sèvi ak yon sit entènèt ki gen ladan JavaScript, 53 00:02:27,030 --> 00:02:32,450 ou gen yo voye sous la JavaScript Kòd kòm yon pati nan repons ou http 54 00:02:32,450 --> 00:02:34,159 nan kliyan an lè yo mande li. 55 00:02:34,159 --> 00:02:35,950 Se konsa, ou ta ka pa vle sèvi ak JavaScript 56 00:02:35,950 --> 00:02:38,395 fè bagay sa yo reyèlman sansib tankou enfòmasyon pase 57 00:02:38,395 --> 00:02:41,020 sou modpas itilizatè yo 'tounen ak soti, paske yo ap aktyèlman 58 00:02:41,020 --> 00:02:45,610 ale nan resevwa tout nan kòd la sous, pa sèlman html sa a, ki pwodwi, 59 00:02:45,610 --> 00:02:49,030 tankou ta dwe ka a ak di PHP. 60 00:02:49,030 --> 00:02:51,620 >> Se konsa, kouman fè nou mete JavaScript nan html nou an kòmanse ak? 61 00:02:51,620 --> 00:02:54,520 Oke, menm jan ak CSS, aktyèlman, se sòt de ki jan nou fè l 'isit la. 62 00:02:54,520 --> 00:02:56,190 Avèk CSS nou gen Tags style. 63 00:02:56,190 --> 00:03:00,760 Ak andedan nan tout sa yo Tags style, nou ka defini yon fèy style CSS. 64 00:03:00,760 --> 00:03:03,450 Menm jan an tou ak JavaScript nou ka louvri moute script Tags, 65 00:03:03,450 --> 00:03:06,660 yon lòt tag html nou pa t ' pale sou nan videyo html nou an, 66 00:03:06,660 --> 00:03:09,720 epi ekri JavaScript nan ant moun Tags script. 67 00:03:09,720 --> 00:03:13,960 Epitou menm si, tankou CSS, nou te kapab konekte nan deyò dosye CSS 68 00:03:13,960 --> 00:03:15,900 e ki rale yo nan pwogram nou an ki fason. 69 00:03:15,900 --> 00:03:18,280 Avèk CSS nou kapab tou, eskize mwen, ak JavaScript 70 00:03:18,280 --> 00:03:23,240 nou ka tou presize sous la atribi nan tag a script 71 00:03:23,240 --> 00:03:25,720 fè rapò ant nan JavaScript separeman, se konsa ou pa fè sa 72 00:03:25,720 --> 00:03:27,680 gen yo ekri l 'nan ant script Tags, nou 73 00:03:27,680 --> 00:03:29,600 ka lyen l 'nan lè l sèvi avèk ki tag script kòm byen. 74 00:03:29,600 --> 00:03:33,230 Epi jis menm jan ak ka a ak CSS kote nou rekòmande ke li te pwobableman 75 00:03:33,230 --> 00:03:36,090 nan pi bon enterè ou a ekri CSS ou a nan yon dosye separe nan ka 76 00:03:36,090 --> 00:03:38,500 ou bezwen chanje l ', Menm jan an tou fè nou rekòmande pou 77 00:03:38,500 --> 00:03:40,720 ke ou ekri ou JavaScript nan dosye separe 78 00:03:40,720 --> 00:03:45,460 epi sèvi ak sous la script Tags atribi mare JavaScript ou 79 00:03:45,460 --> 00:03:49,520 nan html ou, paj entènèt ou an. 80 00:03:49,520 --> 00:03:52,610 >> Se konsa, varyab JavaScript, nou pral kòmanse ap pale de sentaks la isit la. 81 00:03:52,610 --> 00:03:53,600 Epitou, n ap ale nan sa a kalite byen vit, 82 00:03:53,600 --> 00:03:56,640 paske nou te fè sa a nan PHP, se konsa sa a ta dwe tout dwe trè yo konnen yo. 83 00:03:56,640 --> 00:03:59,490 Se konsa, varyab nan JavaScript yo trè menm jan ak PHP varyab. 84 00:03:59,490 --> 00:04:03,270 Gen nan pa gen Dvi kalite, ak lè ou prezante yon varyab, 85 00:04:03,270 --> 00:04:05,070 ou prefiks l 'ak mo kle a var. 86 00:04:05,070 --> 00:04:07,750 Nan PHP nou ta fè yon bagay tankou sa a, siy dola x. 87 00:04:07,750 --> 00:04:09,950 Sa a ki jan nou endike yon varyab, men pa, nou 88 00:04:09,950 --> 00:04:12,060 pa mansyone kalite a nan varyab la nan tout. 89 00:04:12,060 --> 00:04:15,124 Nou ta di yon bagay tankou dola siy x egal 44 nan PHP. 90 00:04:15,124 --> 00:04:17,040 Si nou t ap fè a menm bagay nan JavaScript, 91 00:04:17,040 --> 00:04:19,589 nou ta ka di var x egal 44. 92 00:04:19,589 --> 00:04:22,780 Se konsa, var se sòt de wout nou nan entwodwi yon varyab. 93 00:04:22,780 --> 00:04:26,850 Sa a petèt yon ti jan pi plis entwisyon pase jis dola varyab siy. 94 00:04:26,850 --> 00:04:29,080 >> Yon fwa ankò, depi gen nan pa gen kalite done, nou te ka fè sa 95 00:04:29,080 --> 00:04:34,490 ak nenpòt ki kalite done, strings, nenpòt lòt bagay ta tout gen var. 96 00:04:34,490 --> 00:04:37,260 Kondisyonal, tout nan nou an fin vye granmoun zanmi soti nan C ak PHP 97 00:04:37,260 --> 00:04:41,640 yo toujou disponib, konsa nou gen si, lòt si, lòt bagay, switch ak kesyon 98 00:04:41,640 --> 00:04:42,240 make kolon. 99 00:04:42,240 --> 00:04:45,890 Bouton rete kòm fleksib kòm li te nan PHP, men tout moun sa yo w ap 100 00:04:45,890 --> 00:04:46,930 abitye avèk pa kounye a. 101 00:04:46,930 --> 00:04:49,900 Apre sa, Menm jan an tou ki gen pasan yo favorites yo fin vye granmoun nan ti tan, 102 00:04:49,900 --> 00:04:52,700 fè pandan y ap, ak pou toujou disponib yo ban nou. 103 00:04:52,700 --> 00:04:55,880 Se konsa, deja nou konnen yon anpil nan nan debaz JavaScript sòt de fondamantal 104 00:04:55,880 --> 00:05:01,800 jis pa vèti nan gen byen yon ti jan fè moun konnen kounye a sou C ak PHP. 105 00:05:01,800 --> 00:05:03,670 >> Ki sa ki sou fonksyon nan JavaScript? 106 00:05:03,670 --> 00:05:08,199 Oke, menm jan ak PHP chak fonksyon se prezante ak mo kle a fonksyon. 107 00:05:08,199 --> 00:05:10,740 Ou di fonksyon, ak lè sa a ou kòmanse defini fonksyon ou yo. 108 00:05:10,740 --> 00:05:12,531 Ki sa ki nan yon ti kras diferan sou JavaScript, 109 00:05:12,531 --> 00:05:15,700 menm si se kapasite nan gen sa ki rele yon fonksyon anonim. 110 00:05:15,700 --> 00:05:18,880 Se konsa, ou ka defini fonksyon ki pa gen yon non. 111 00:05:18,880 --> 00:05:21,222 Sa a se yon bagay nou reyèlman pa gen pou wè anvan. 112 00:05:21,222 --> 00:05:23,430 Nou pral reyèlman itilize konsèp la nan yon fonksyon anonim 113 00:05:23,430 --> 00:05:27,880 yon ti kras pita nan sa a videyo, paske li 'tout 114 00:05:27,880 --> 00:05:31,530 fè yon ti kras pi plis sans nan yon kontèks lè nou wè l 'nan yon sitiyasyon an patikilye 115 00:05:31,530 --> 00:05:33,120 ke mwen te fabrike isit la. 116 00:05:33,120 --> 00:05:35,710 Men, kite a jis pran yon gade nan sa ki yon senp JavaScript 117 00:05:35,710 --> 00:05:37,850 fonksyon ta ka sanble. 118 00:05:37,850 --> 00:05:40,610 >> Se konsa, mwen te ale pi devan epi louvri moute IDE CS50 mwen 119 00:05:40,610 --> 00:05:43,690 epi mwen te deja kouri Apache yo kòmanse kouri sèvè m 'yo. 120 00:05:43,690 --> 00:05:46,800 Apre sa, mwen gen sa a ranpli louvri rele home.html. 121 00:05:46,800 --> 00:05:48,330 Apre sa, mwen pral rale nan yon ti jan isit la. 122 00:05:48,330 --> 00:05:52,090 Apre sa, fondamantalman, ou ka wè nan Home.html se jis yon pakèt moun sou bouton ki sanble. 123 00:05:52,090 --> 00:05:55,291 Apre sa, mwen reklame nan tèt la isit la ke sa a se seksyon nan JavaScript 124 00:05:55,291 --> 00:05:55,790 materyèl yo. 125 00:05:55,790 --> 00:05:59,490 Se konsa, gen nan yon pakèt moun sou bouton isit la, men sa ki bouton sa yo aktyèlman fè? 126 00:05:59,490 --> 00:06:03,662 >> Oke, nou pral tèt sou nan IED m 'yo, epi mwen te home.html louvri isit la. 127 00:06:03,662 --> 00:06:05,620 Nan kòmansman an trè, isit la nan kote mwen ki lye ak 128 00:06:05,620 --> 00:06:07,500 nan tout nan dosye sous JavaScript mwen. 129 00:06:07,500 --> 00:06:08,000 Dwa? 130 00:06:08,000 --> 00:06:12,440 Se konsa, mwen gen anonymous.js, clock.js, Mwen lè l sèvi avèk atribi nan sous 131 00:06:12,440 --> 00:06:14,440 nan tag nan script fè rapò ant nan dosye-a. 132 00:06:14,440 --> 00:06:18,660 Se konsa, mwen pa t 'ekri nenpòt JavaScript dirèkteman nan sa a ranpli, 133 00:06:18,660 --> 00:06:21,790 men mwen te rale nan tout nan JavaScript mwen te ekri separeman. 134 00:06:21,790 --> 00:06:24,540 Men, si nou desann isit la, sa a ta dwe yon ti jan yo konnen yo tout gade 135 00:06:24,540 --> 00:06:27,090 ak yon ti kras nan nouvo sentaks. 136 00:06:27,090 --> 00:06:32,655 Nou gen la a tag header pou fonksyon ak Lè sa a yon bouton. 137 00:06:32,655 --> 00:06:35,530 Mwen gen yon D 'sa a, se yon bouton kalite, ak aparamman lè m 'klike sou li, 138 00:06:35,530 --> 00:06:38,130 Mwen pral rele kèk fonksyone alèt dat. 139 00:06:38,130 --> 00:06:41,792 Lè sa a se ki jan nou ka sòt de melanje moute yon ti kras nan JavaScript ak HTML. 140 00:06:41,792 --> 00:06:44,500 Yo aktyèlman jwe trè joliman ansanm, e konsa aparamman lè 141 00:06:44,500 --> 00:06:48,730 Mwen klike sou bouton sa-a, mwen pral yo rele kèk dat alèt fonksyon. 142 00:06:48,730 --> 00:06:53,660 Apre sa, Menm jan an tou, mwen defini konpòtman pou tout moun nan bouton sa yo lòt ki 143 00:06:53,660 --> 00:06:56,440 yo sou ki paj home.html, ki nou pral kenbe retounen 144 00:06:56,440 --> 00:06:59,172 nan kou a pandan videyo sa a. 145 00:06:59,172 --> 00:07:00,880 Men, kite a ale tounen moute isit la ak pran yon gade 146 00:07:00,880 --> 00:07:03,850 a clock.js, ki se nan JavaScript dosye ke mwen 147 00:07:03,850 --> 00:07:07,370 te ekri ki gen fonksyon sa a premye nou ap ale nan pran yon gade nan. 148 00:07:07,370 --> 00:07:11,630 Kòm ou ka wè, mwen kòmanse JavaScript mwen fonksyone ak fonksyon nan mo kle, 149 00:07:11,630 --> 00:07:14,560 epi mwen te bay yon sèl sa a yon Non, sa yo rele alèt dat. 150 00:07:14,560 --> 00:07:18,710 Anndan nan la, mwen aparamman kreye yon nouvo varyab lokal rele dat aktyèl la. 151 00:07:18,710 --> 00:07:21,500 Apre sa, mwen pral bay yon egal a yon nouvo dat. 152 00:07:21,500 --> 00:07:24,430 Apre sa, nou te ka jwenn nan yon anpil nan detay tankou sa ki yon dat se, 153 00:07:24,430 --> 00:07:27,060 ak reyèlman JavaScript se konsa gwo ke nou pa kapab pètèt 154 00:07:27,060 --> 00:07:28,330 kouvri tout bagay nan yon sèl videyo. 155 00:07:28,330 --> 00:07:32,220 Men, sufi li vle di, sa a se pral pou li retounen nan m 'yon atik done ki 156 00:07:32,220 --> 00:07:35,470 ankapsul dat aktyèl la ak tan. 157 00:07:35,470 --> 00:07:39,100 M 'ap estoke ki nan yon varyab ke mwen se aparamman ale nan alète dat aktyèl la. 158 00:07:39,100 --> 00:07:41,300 >> Oke, sa fè alèt aktyèl dat gade tankou? 159 00:07:41,300 --> 00:07:46,460 Se pou nou pran yon gade nan dosye a tèt li tounen sou nan fennèt la navigatè. 160 00:07:46,460 --> 00:07:49,551 Se konsa, ankò, sa a se bouton an ke mwen te mare nan, fonksyon sa a yo te rele. 161 00:07:49,551 --> 00:07:51,800 Apre sa, mwen klike sou li gen ak gade sa li te fè, li okouran. 162 00:07:51,800 --> 00:07:56,140 Li déja moute sa a sòt de bwat di m 'ke tan an kounye a se, aparamman 163 00:07:56,140 --> 00:07:59,370 li nan 4 Novanm nan 10:43:43 nan maten an. 164 00:07:59,370 --> 00:08:02,345 Men, si mwen klike sou li ankò, kounye a li nan yon kèk segond apre, dwa? 165 00:08:02,345 --> 00:08:03,720 Se konsa, ki nan tout fonksyon sa a fè. 166 00:08:03,720 --> 00:08:07,670 Lè m 'klike sou bouton sa a, li Pops leve yon mesaj alèt m '. 167 00:08:07,670 --> 00:08:13,806 168 00:08:13,806 --> 00:08:15,690 Se konsa, gen nan reyèlman pa twòp nan fonksyon 169 00:08:15,690 --> 00:08:19,110 sa a, se diferan de PHP, jis yon ti jan nan nouvo sentaks 170 00:08:19,110 --> 00:08:22,500 ki vini ak ap travay ak JavaScript. 171 00:08:22,500 --> 00:08:24,650 >> Ranje nan JavaScript yo trè dwat. 172 00:08:24,650 --> 00:08:27,200 Deklare yon etalaj, ou sèvi ak sentaks la parantèz kare 173 00:08:27,200 --> 00:08:30,090 ke nou ap abitye ak soti nan PHP. 174 00:08:30,090 --> 00:08:33,432 Apre sa, menm jan ak PHP, nou tou ka melanje kalite done. 175 00:08:33,432 --> 00:08:35,140 Se konsa, sa a etalaj, tou de nan ranje sa yo ta 176 00:08:35,140 --> 00:08:36,960 dwe parfe lejitim JavaScript. 177 00:08:36,960 --> 00:08:42,500 Youn ki nan tout nonm antye relatif, ak youn ki se melanje moute kalite done diferan. 178 00:08:42,500 --> 00:08:45,020 >> Ki sa ki nan yon bagay trè diferan nan JavaScript, menm si? 179 00:08:45,020 --> 00:08:47,020 Sa a nosyon de yon objè. 180 00:08:47,020 --> 00:08:50,240 Se konsa, petèt ou te tande pale de objè pwogramasyon oryante. 181 00:08:50,240 --> 00:08:53,370 Nou pa fè yon anpil nan l 'nan CS50, men nou pral fè yon ti kras nan li 182 00:08:53,370 --> 00:08:55,670 isit la nan yon kontèks JavaScript. 183 00:08:55,670 --> 00:08:59,100 Koulye a, JavaScript gen kapasite nan konpòte kòm yon pwogram objè oryante 184 00:08:59,100 --> 00:09:02,615 lang, men li se pa tèt li sèlman yon objè oryante 185 00:09:02,615 --> 00:09:03,490 lang programmation. 186 00:09:03,490 --> 00:09:05,281 Lè sa a ankò vini tounen nan poutèt sa mwen te di, li 187 00:09:05,281 --> 00:09:10,610 ka trè difisil yo aprann JavaScript kòm pwogram premye ou 188 00:09:10,610 --> 00:09:13,890 lang, paske li fè sa ki pa reyèlman anfòm yon paradigm patikilye. 189 00:09:13,890 --> 00:09:16,430 >> C sou lòt men an se yon lang programmation fonksyonèl. 190 00:09:16,430 --> 00:09:22,270 Si nou vle, fonksyon yo sòt de nonm sa a bòs nan travay gwo, dwa? 191 00:09:22,270 --> 00:09:24,410 Yo dikte sa k ap pase tout lòt bagay. 192 00:09:24,410 --> 00:09:26,600 Nou vle chanje varyab, nou rele fonksyon. 193 00:09:26,600 --> 00:09:28,220 Nou fè bagay sa yo fonksyon. 194 00:09:28,220 --> 00:09:31,250 Objè olye de sa, nan yon objè oryante lang, 195 00:09:31,250 --> 00:09:35,937 objè sòt de vin zetwal la ak fonksyon vin sòt de segondè. 196 00:09:35,937 --> 00:09:38,270 Men, sa ki se yon objè, ki sa se sa a nosyon nan yon objè? 197 00:09:38,270 --> 00:09:40,880 Bon, si li te ede, panse sou li an premye sòt 198 00:09:40,880 --> 00:09:44,540 de tankou yon estrikti C oswa yon struct ke nou te aprann enfòmasyon sou anvan. 199 00:09:44,540 --> 00:09:47,430 Nan C, yon estrikti gen yon kantite chan sa yo, 200 00:09:47,430 --> 00:09:51,174 e petèt kounye a nou ta ka kòmanse rele sa yo jaden yo pwopriyete. 201 00:09:51,174 --> 00:09:53,590 Men, pwopriyete yo pa janm reyèlman kanpe sou pwòp yo, dwa? 202 00:09:53,590 --> 00:09:56,410 Si m 'defini yon estrikti pou yon machin tankou sa a ak de sa ki annapre yo 203 00:09:56,410 --> 00:10:00,750 jaden oswa pwopriyete, youn yon nonb antye relatif pou ane a nan machin nan 204 00:10:00,750 --> 00:10:04,290 ak yon lòt yon karaktè 10 fisèl pou modèl la nan machin lan, 205 00:10:04,290 --> 00:10:07,150 Mwen kapab di yon bagay tankou sa a, Mwen kapab deklare yon varyab nouvo 206 00:10:07,150 --> 00:10:10,080 nan kalite herbie struct machin. 207 00:10:10,080 --> 00:10:13,730 Lè sa a, mwen kapab di yon bagay tankou herbie.year egal 1,963, 208 00:10:13,730 --> 00:10:15,850 ak herbie.model egal Beetle. 209 00:10:15,850 --> 00:10:17,000 Se byen. 210 00:10:17,000 --> 00:10:19,680 Mwen lè l sèvi avèk jaden yo nan la kontèks nan estrikti a, 211 00:10:19,680 --> 00:10:22,290 men mwen te kapab pa janm jis di yon bagay tankou sa a. 212 00:10:22,290 --> 00:10:22,790 Dwa? 213 00:10:22,790 --> 00:10:26,836 Mwen pa ka sèvi ak non nan jaden endepandan de estrikti an. 214 00:10:26,836 --> 00:10:28,210 Li nan sòt de yon bagay fondamantal. 215 00:10:28,210 --> 00:10:32,990 >> Se konsa, ke yo te jaden fondamantal nan estrikti C 216 00:10:32,990 --> 00:10:39,050 yo trè menm jan ak pwopriyete ke yo te fondamantal nan JavaScript objè yo. 217 00:10:39,050 --> 00:10:42,080 Men, sa ki fè yo patikilyèman enteresan 218 00:10:42,080 --> 00:10:46,230 se ke objè ka gen tou sa yo rele metòd yo, ki se reyèlman 219 00:10:46,230 --> 00:10:50,730 jis yon mo anpenpan pou fonksyon ki se nannan nan objè a kòm byen. 220 00:10:50,730 --> 00:10:55,340 Se konsa, li yon fonksyon ki kapab fèt sèlman rele nan yon kontèks la nan yon objè. 221 00:10:55,340 --> 00:10:59,200 Yon Se sèlman bagay ki te defini sa a fonksyon andedan nan li yo, 222 00:10:59,200 --> 00:11:02,020 si ou panse sou yon struct, fonksyon an 223 00:11:02,020 --> 00:11:05,720 se defini andedan moun defini aparèy òtopedik Curly nan estrikti an. 224 00:11:05,720 --> 00:11:07,980 Se konsa, li sèlman vle di yon bagay nan estrikti a. 225 00:11:07,980 --> 00:11:10,960 Epi sa a, sòt de sa n ap fè isit la ak objè ak metòd. 226 00:11:10,960 --> 00:11:13,580 Li nan fondamantalman tankou nou ap defini yon fonksyon ki 227 00:11:13,580 --> 00:11:16,670 sèlman fè sans sou yon objè patikilye, epi pou nou 228 00:11:16,670 --> 00:11:19,440 rele ke yon metòd pou objè a. 229 00:11:19,440 --> 00:11:23,180 E nou pa janm ka rele ke fonksyon endepandan de objè a, 230 00:11:23,180 --> 00:11:29,260 jis tankou nou pa ka di ane oswa modèl endepandan de struct a nan C. 231 00:11:29,260 --> 00:11:32,300 >> Se konsa, pwogram fonksyonèl modèles sanble yon bagay tankou sa a. 232 00:11:32,300 --> 00:11:35,450 Fonksyon ak Lè sa a lè ou pase nan objè a kòm yon paramèt. 233 00:11:35,450 --> 00:11:38,650 Nan yon pwogram objè oryante lang, sa a sòt de vin 234 00:11:38,650 --> 00:11:43,464 ranvèrse, epi nou ta panse osijè de li renmen sa a, object.function. 235 00:11:43,464 --> 00:11:45,380 Se konsa, li sòt de ki dot operatè ankò qui 236 00:11:45,380 --> 00:11:49,540 ke li nan kèk sòt de pwopriyete oswa atribi nan objè nan tèt li. 237 00:11:49,540 --> 00:11:53,240 Men, sa a se sa yon objè oryante lang programmation 238 00:11:53,240 --> 00:11:57,150 ta ka fè yo fè yon fonksyon rele sou yon metòd, ankò, ki 239 00:11:57,150 --> 00:12:00,260 se jis yon mo espesyal pou yon fonksyon ki se nannan nan yon objè. 240 00:12:00,260 --> 00:12:03,440 Sa a se sa ki sentaks ta ka sanble. 241 00:12:03,440 --> 00:12:09,360 Se konsa, nou pral kòmanse wè kèk nan sa a nan yon kontèks la nan JavaScript. 242 00:12:09,360 --> 00:12:12,470 >> Ou ka panse tou sou yon objè sòt de tankou yon etalaj asosyatif, 243 00:12:12,470 --> 00:12:14,160 nou ap abitye ak soti nan PHP. 244 00:12:14,160 --> 00:12:17,720 Sonje yon etalaj asosyatif pèmèt nou gen valè kle pè, olye pou 245 00:12:17,720 --> 00:12:23,040 ki gen endis 0, yon sèl, de, twa, ak sou sa tankou nou ap itilize yo soti nan C 246 00:12:23,040 --> 00:12:23,940 ranje. 247 00:12:23,940 --> 00:12:27,472 Ranje asosyatif ka kat jeyografik mo, tankou nan videyo a PHP, 248 00:12:27,472 --> 00:12:29,180 nou te ap pale de sila nan pitza. 249 00:12:29,180 --> 00:12:31,180 Se konsa, nou te gen yon etalaj rele pitza, epi nou 250 00:12:31,180 --> 00:12:36,670 te gen fwomaj te yon kle yo ak $ 8.99 nan te valè, ak Lè sa a pepewoni te yon kle yo, 251 00:12:36,670 --> 00:12:39,190 $ 9.99 se te yon valè, ak sou sa. 252 00:12:39,190 --> 00:12:43,300 Se konsa, nou ka panse tou sou yon objeksyon sòt de menm jan ak yon asosyatif 253 00:12:43,300 --> 00:12:43,840 etalaj. 254 00:12:43,840 --> 00:12:47,020 Se konsa, sentaks sa a isit la ta kreye yon objè nouvo 255 00:12:47,020 --> 00:12:50,950 rele herbie ak de pwopriyete andedan nan li. 256 00:12:50,950 --> 00:12:57,310 Ane, ki asiyen valè a 1963, ak modèl, ki se asiyen fisèl la 257 00:12:57,310 --> 00:12:58,140 Beetle. 258 00:12:58,140 --> 00:13:01,770 >> Apre sa, remake isit la ke mwen lè l sèvi avèk quotes sèl nan JavaScript. 259 00:13:01,770 --> 00:13:05,570 Ou kapab sèvi ak quotes yon selibatè oubyen doub lè w ap pale de strings. 260 00:13:05,570 --> 00:13:07,772 Se jis konvansyonèl ka a ki pi fò fwa 261 00:13:07,772 --> 00:13:10,230 lè w ap ekri JavaScript, ou jis itilize quotes sèl. 262 00:13:10,230 --> 00:13:15,050 Men, mwen ta ka itilize quotes doub isit la, ak ki ta ka parfe amann kòm byen. 263 00:13:15,050 --> 00:13:17,470 >> Se konsa, sonje ki jan nan PHP nou te gen sa a nosyon 264 00:13:17,470 --> 00:13:22,730 nan yon pou chak bouk ki ta pèmèt nou repekte sou tout nan valè a kle 265 00:13:22,730 --> 00:13:25,270 pè nan yon asosyatif etalaj, paske nou 266 00:13:25,270 --> 00:13:29,050 pa t 'gen kapasite sa a yo repekte a 0, yon sèl, de, twa, kat, 267 00:13:29,050 --> 00:13:30,710 ak sou sa? 268 00:13:30,710 --> 00:13:35,010 JavaScript gen yon bagay trè menm jan an, men li pa nan rele yon pou chak bouk, 269 00:13:35,010 --> 00:13:38,960 sa yo rele yon pou nan pasan. 270 00:13:38,960 --> 00:13:42,890 Se konsa, si m 'te di m' tankou sa a, pou kle var nan objè, 271 00:13:42,890 --> 00:13:48,670 sa a, se sòt de menm jan ak di pou chak yon bagay kòm yon bagay. 272 00:13:48,670 --> 00:13:53,850 Men, tout m ap fè isit la se iteration nan tout nan kle yo nan objè m 'yo. 273 00:13:53,850 --> 00:13:56,070 Apre sa, andedan nan Curly a aparèy òtopedik a, mwen ta 274 00:13:56,070 --> 00:14:03,410 itilize objè parantèz kare kle, al gade nan valè a nan ki kote kle. 275 00:14:03,410 --> 00:14:05,400 >> Altènativman, gen nan menm yon lòt apwòch. 276 00:14:05,400 --> 00:14:10,880 Si m 'jis pran swen sou nan sèlman valè, mwen kapab di pou kle nan objè, 277 00:14:10,880 --> 00:14:12,360 ak jis sèvi ak kle anndan an. 278 00:14:12,360 --> 00:14:17,240 Se konsa, pou kle var nan objè, mwen gen yo sèvi ak objè parantèz kare 279 00:14:17,240 --> 00:14:19,340 kle andedan riban an. 280 00:14:19,340 --> 00:14:24,580 Pou kle var nan objè, mwen kapab jis itilize kle andedan riban a, 281 00:14:24,580 --> 00:14:29,040 paske mwen se jis espesyalman ap pale de valè yo a. 282 00:14:29,040 --> 00:14:32,630 >> Se konsa nou petèt pran yon gade nan diferans ki genyen 283 00:14:32,630 --> 00:14:35,670 jis byen vit montre w diferans ki genyen ant kat 284 00:14:35,670 --> 00:14:40,730 nan ak pou a ak yon trè espesifik etalaj, ki nou gen isit la, semèn etalaj. 285 00:14:40,730 --> 00:14:43,616 Se konsa, mwen gen jwenn yon nouvo etalaj ke mwen te ranpli avèk sèt strings, 286 00:14:43,616 --> 00:14:46,240 Lendi, Madi, Mèkredi, Jedi, Vandredi, Samdi, Dimanch. 287 00:14:46,240 --> 00:14:50,530 Apre sa, mwen vle kounye a repekte nan etalaj sa a, 288 00:14:50,530 --> 00:14:53,090 enprime soti sèten enfòmasyon. 289 00:14:53,090 --> 00:14:58,780 Si m 'sèvi ak yon pou nan bouk ekri ak lèt ​​detache soti enfòmasyon, 290 00:14:58,780 --> 00:15:00,710 ki sa ou panse mwen pral jwenn? 291 00:15:00,710 --> 00:15:01,710 Oke, kite la pran yon gade. 292 00:15:01,710 --> 00:15:05,300 Apre sa, anvan nou sote sou bò fennèt navigatè m 'yo, 293 00:15:05,300 --> 00:15:08,090 jis konnen ke console.log se sòt de yon sèl 294 00:15:08,090 --> 00:15:10,630 fason pou fè yon F ekri an lèt detache nan JavaScript. 295 00:15:10,630 --> 00:15:12,040 Men, ki sa ki konsole a? 296 00:15:12,040 --> 00:15:14,940 Oke, sa a, se sa nou ap ale yo ale pran yon gade nan kounye a. 297 00:15:14,940 --> 00:15:16,850 >> OK, se konsa nou ap tounen isit la nan fenèt navigatè m 'yo, 298 00:15:16,850 --> 00:15:19,410 ak mwen pral yo louvri moute zouti pwomotè mwen. 299 00:15:19,410 --> 00:15:22,290 Yon fwa ankò, mwen jis frape F12 yo louvri moute zouti pwomotè. 300 00:15:22,290 --> 00:15:25,670 Apre sa, remake ke isit la nan la tèt mwen te chwazi konsole. 301 00:15:25,670 --> 00:15:28,480 Se konsa, sa a se nosyon a nan yon konsole pwomotè, 302 00:15:28,480 --> 00:15:30,500 epi li pral pèmèt nou enprime enfòmasyon soti, 303 00:15:30,500 --> 00:15:33,000 sòt de tankou tèminal la, men kòm ou pral wè yon ti kras pita, 304 00:15:33,000 --> 00:15:37,720 nou ka tape enfòmasyon tou nan yo kominike avèk paj entènèt nou an. 305 00:15:37,720 --> 00:15:42,320 Mwen pral rale nan yon ti jan isit la, ak mwen se pral kounye a klike sou pou nan egzamen an. 306 00:15:42,320 --> 00:15:45,230 Apre sa, kat nan test-- Mwen pa pral montre w kòd la pou li kounye a, 307 00:15:45,230 --> 00:15:47,479 men ou pral jwenn li si ou download kòd la sous ki 308 00:15:47,479 --> 00:15:50,380 ki asosye avèk sa a video-- se jis ke pou nan bouk 309 00:15:50,380 --> 00:15:52,610 ke nou te wè jis yon dezyèm de sa sou glise la. 310 00:15:52,610 --> 00:15:54,810 >> Se konsa, mwen pral klike sou ki bouton, ak sou isit la, 311 00:15:54,810 --> 00:15:58,440 isit la nan sa ki te enprime soti nan la konsole, 0, yon sèl, de, twa, kat, senk, 312 00:15:58,440 --> 00:15:58,940 sis. 313 00:15:58,940 --> 00:16:02,490 Mwen pa t 'enprime soti enfòmasyon ki andedan moun kote etalaj, 314 00:16:02,490 --> 00:16:05,180 paske mwen itilize yon pou nan bouk. 315 00:16:05,180 --> 00:16:10,670 Ak andedan kò a nan riban an, mwen jis enprime soti kle pa objè kle. 316 00:16:10,670 --> 00:16:18,600 Men, si mwen kounye a klè konsole m ', mwen chanje a pou nan egzamen, ak kat nan egzamen 317 00:16:18,600 --> 00:16:22,500 M 'ap di mwen sèvi ak pou nan riban olye pou epi enprime soti kle, 318 00:16:22,500 --> 00:16:28,079 si mwen klike sou sa, koulye a, mwen ap resevwa nan eleman aktyèl andedan nan objè m ' 319 00:16:28,079 --> 00:16:29,120 oswa etalaj m 'ki nan ka sa a. 320 00:16:29,120 --> 00:16:31,760 Etalaj mwen nan jou semèn. 321 00:16:31,760 --> 00:16:33,480 Mwen enprime soti Lendi, Madi, Mèkredi. 322 00:16:33,480 --> 00:16:36,930 Se konsa, sa a, se diferans ki genyen ant yon pou nan bouk, ki simagri soti 323 00:16:36,930 --> 00:16:43,410 jis kle yo si ou jis sèvi ak kle andedan nan kò a nan riban an, 324 00:16:43,410 --> 00:16:46,850 ak yon pou nan riban, ki simagri soti valè yo si ou itilize jis 325 00:16:46,850 --> 00:16:48,870 kle andedan kò a nan riban an. 326 00:16:48,870 --> 00:16:52,380 >> Tout dwa, ki jan nou kounye a kòmanse anchene strings e petèt konfonn 327 00:16:52,380 --> 00:16:57,220 kèk varyab ak entèpolasyon tankou nou te kapab fè nan PHP? 328 00:16:57,220 --> 00:16:59,410 Bon, nou ap trè abitye ak sa a soti nan PHP. 329 00:16:59,410 --> 00:17:04,109 Sa a se ki jan nou ta fè l 'lè l sèvi avèk la dot operatè anchene strings. 330 00:17:04,109 --> 00:17:06,260 Nan JavaScript, menm si, nou aktyèlman sèvi ak yon bagay 331 00:17:06,260 --> 00:17:09,290 rele operatè a plis, ki se petèt menm yon ti jan ti kras pi plis 332 00:17:09,290 --> 00:17:10,470 entwisyon, dwa? 333 00:17:10,470 --> 00:17:12,609 Nou ap ajoute yon pakèt moun nan strings ansanm. 334 00:17:12,609 --> 00:17:14,520 Se konsa nou tèt tounen sou yo ak wè sa ki sa a 335 00:17:14,520 --> 00:17:18,693 pral enprime si nou ap eseye enprime soti tout enfòmasyon ki nan semèn etalaj. 336 00:17:18,693 --> 00:17:20,859 Tout dwa, se konsa isit la anba anba fisèl Anchènman, 337 00:17:20,859 --> 00:17:24,822 Mwen gen de opsyon, bilding fisèl V1 ak Lè sa a bilding fisèl V2. 338 00:17:24,822 --> 00:17:26,530 Epitou, n ap wè poukisa nou bezwen V2 nan yon dezyèm fwa. 339 00:17:26,530 --> 00:17:28,610 Men, mwen pral klike sou fisèl V1 bilding, ki 340 00:17:28,610 --> 00:17:30,360 se kòd la nou te jis pran yon gade nan, 341 00:17:30,360 --> 00:17:32,980 console.log la ak tout nan pluses yo. 342 00:17:32,980 --> 00:17:35,910 Ann wè si sa a simagri konnen ki sa ki nou espere. 343 00:17:35,910 --> 00:17:39,939 >> Lendi se nimewo jou 01 nan semèn nan, Madi se nimewo jou 11 nan semèn nan. 344 00:17:39,939 --> 00:17:41,730 Oke, ki sa mwen te ap fè te gen jwenn 345 00:17:41,730 --> 00:17:46,280 l 'bay enprime soti Lendi se nimewo jou yon sèl, Madi se nimewo jou de. 346 00:17:46,280 --> 00:17:50,140 Men, li sanble tankou mwen se toujou enprime soti yon sèl. 347 00:17:50,140 --> 00:17:51,260 Oke, poukisa se sa? 348 00:17:51,260 --> 00:17:55,600 Oke, li vire soti, pran yon lòt gade nan nivo sa a brib ti kras nan kòd isit la. 349 00:17:55,600 --> 00:18:00,160 Avi ke nou ap lè l sèvi avèk plis nan operatè nan de kontèks diferan. 350 00:18:00,160 --> 00:18:03,221 >> Se konsa, isit la nan kote petèt bagay ke nou te kalite te di: 351 00:18:03,221 --> 00:18:03,970 oh, li la tèlman gwo. 352 00:18:03,970 --> 00:18:05,910 Nou pa fè fas ak kalite done ankò. 353 00:18:05,910 --> 00:18:08,220 Men, isit la nan kote lefèt ke nou pèdi done kalite 354 00:18:08,220 --> 00:18:10,960 ka aktyèlman ap yon ti jan nan yon pwoblèm pou nou. 355 00:18:10,960 --> 00:18:16,260 Kounye a ke se operatè a plis itilize yo anchene strings epi ajoute nimewo 356 00:18:16,260 --> 00:18:19,550 ansanm, JavaScript gen fè pi bon devine li yo 357 00:18:19,550 --> 00:18:22,030 tankou sa ki mwen vle li fè pou mwen. 358 00:18:22,030 --> 00:18:23,900 Ak nan ka sa a, li dvine sa ki mal. 359 00:18:23,900 --> 00:18:29,340 Li jis anchene jou, ki ta dwe 0, yon sèl, de, twa, kat, senk, oswa sis, 360 00:18:29,340 --> 00:18:32,060 ak Lè sa a li jis anchene ki ak Lè sa a anchene yon sèl. 361 00:18:32,060 --> 00:18:35,020 Li pa t 'aktyèlman ajoute yo ansanm. 362 00:18:35,020 --> 00:18:37,320 Se konsa, sa yo lang, PHP ak JavaScript, 363 00:18:37,320 --> 00:18:39,196 ki résumés lwen sa a nosyon nan kalite, 364 00:18:39,196 --> 00:18:40,820 ou pa gen fè fas ak li ankò. 365 00:18:40,820 --> 00:18:43,600 Yo toujou gen kalite anba kapo machin lan. 366 00:18:43,600 --> 00:18:46,780 Apre sa, nou kapab, nan sitiyasyon tankou sa a, ogmante ke reyalite 367 00:18:46,780 --> 00:18:49,240 lè li di yon bagay tankou petèt sa a, ki 368 00:18:49,240 --> 00:18:53,210 ap di JavaScript, pa nan fason sa a, trete sa a kòm yon nonb antye relatif, 369 00:18:53,210 --> 00:18:57,100 pa trete li kòm yon fisèl, menm menm si nou ap melanje ansanm strings 370 00:18:57,100 --> 00:18:58,940 ak nonm antye relatif isit la. 371 00:18:58,940 --> 00:19:02,204 >> Se jis youn nan bagay sa yo ke li sanble tèlman gwo nan yon kontèks 372 00:19:02,204 --> 00:19:04,120 ke nou pa bezwen fas ak kalite ankò, 373 00:19:04,120 --> 00:19:05,828 men pafwa ou pral kouri antre nan yon sitiyasyon 374 00:19:05,828 --> 00:19:09,110 egzakteman menm jan ak sa a kote lefèt ke ou pa gen kontwòl sou kalite 375 00:19:09,110 --> 00:19:11,220 ka byen tounen mal sou ou si ou pa fè atansyon. 376 00:19:11,220 --> 00:19:18,285 Se konsa, si nou pòp tounen nan men IDE, mwen ale nan klè soti konsole m 'ankò, 377 00:19:18,285 --> 00:19:20,660 ak mwen pral klike sou fisèl bilding vèsyon de, ki 378 00:19:20,660 --> 00:19:23,052 se kote mwen sèvi ak sa fonksyon analyzes int. 379 00:19:23,052 --> 00:19:25,260 Koulye a, li a enprime soti enfòmasyon ke mwen tann. 380 00:19:25,260 --> 00:19:29,330 Lendi a yon sèl nimewo jou, Madi se nimewo jou de, ak sou sa. 381 00:19:29,330 --> 00:19:31,170 >> Se konsa, kite nan pale sou fonksyon ankò. 382 00:19:31,170 --> 00:19:34,790 Mwen te pwomèt nou ta pale sou anonim fonksyon, e kounye a, kontèks la pou sa 383 00:19:34,790 --> 00:19:36,360 te finalman rive. 384 00:19:36,360 --> 00:19:39,980 Se konsa, anvan nou fè sa, se pou yo pale ankò sou ranje pou jis yon dezyèm fwa. 385 00:19:39,980 --> 00:19:42,120 Se konsa, ranje yo se yon espesyal ka ta gen yon objè. 386 00:19:42,120 --> 00:19:45,180 An reyalite, tout bagay nan JavaScript se aktyèlman yon objè. 387 00:19:45,180 --> 00:19:47,190 Se konsa, fonksyon yo se yon ka espesyal nan yon objè, 388 00:19:47,190 --> 00:19:49,770 nonm antye relatif yo se yon espesyal ka ta gen yon objè, 389 00:19:49,770 --> 00:19:52,152 men ranje espesyalman gen yon nimewo nan metòd. 390 00:19:52,152 --> 00:19:55,110 Sonje paske yo ap objè, yo ka gen pwopriyete ak metòd. 391 00:19:55,110 --> 00:19:58,600 Yo gen yon nimewo nan metòd ki ka aplike nan moun ki objè. 392 00:19:58,600 --> 00:20:01,197 Genyen yon metòd rele gwosè, array.size, 393 00:20:01,197 --> 00:20:03,030 ki va tounen vin jwenn ou jan ou ta ka atann 394 00:20:03,030 --> 00:20:05,120 nimewo a nan eleman nan etalaj ou yo. 395 00:20:05,120 --> 00:20:08,480 array.pop, sòt de tankou nosyon nou an nan eklate nan 396 00:20:08,480 --> 00:20:11,110 nan yon chemine, si ou sonje soti nan videyo pil nou an, 397 00:20:11,110 --> 00:20:13,810 retire eleman ki sot pase a soti nan etalaj la. 398 00:20:13,810 --> 00:20:17,110 array.push ajoute yon eleman nouvo nan fen a nan yon etalaj. 399 00:20:17,110 --> 00:20:20,910 array.shift se sòt de tankou DQ, li rakor soti 400 00:20:20,910 --> 00:20:23,610 eleman an trè premye nan yon etalaj. 401 00:20:23,610 --> 00:20:27,549 >> Men, gen nan tou yon lòt espesyal metòd pou yon etalaj rele kat jeyografik. 402 00:20:27,549 --> 00:20:29,340 Lè sa a se sòt de yon enteresan konsèp. 403 00:20:29,340 --> 00:20:30,930 Se konsa, sa se lide a nan yon kat jeyografik? 404 00:20:30,930 --> 00:20:33,880 Ou ap aktyèlman wè sa a nan plizyè lòt lang yo, 405 00:20:33,880 --> 00:20:38,550 epi nou pa ap pale de yon sòt de kartograf kat isit la, 406 00:20:38,550 --> 00:20:41,480 nou ap pale de yon fonksyon kat. 407 00:20:41,480 --> 00:20:44,110 Nan kontèks la nou ap ap pale de isit la, yon kat jeyografik 408 00:20:44,110 --> 00:20:47,950 se yon operasyon espesyal nou ka fè sou yon etalaj 409 00:20:47,950 --> 00:20:51,630 pou aplike pou yon fonksyon patikilye bay chak eleman nan ki etalaj. 410 00:20:51,630 --> 00:20:55,190 e konsa nou ta di nan ka sa a, petèt array.map, 411 00:20:55,190 --> 00:21:00,330 ak andedan nan li, nou ap pase nan kat jeyografik se yon fonksyon ke nou vle 412 00:21:00,330 --> 00:21:02,430 yo dwe aplike nan chak eleman sèl. 413 00:21:02,430 --> 00:21:07,299 Se konsa, li sòt de analoji nan lè l sèvi avèk yon bouk repekte sou chak eleman 414 00:21:07,299 --> 00:21:09,340 epi aplike yon patikilye fonksyone nan chak eleman, 415 00:21:09,340 --> 00:21:14,830 jis JavaScript sa a te bati nan nosyon nan yon kat ki ka aplike. 416 00:21:14,830 --> 00:21:19,700 Lè sa a se yon kontèks gwo yo pale sou yon fonksyon anonim. 417 00:21:19,700 --> 00:21:22,370 >> Se konsa nou di nou gen sa a etalaj de nonm antye relatif. 418 00:21:22,370 --> 00:21:25,370 Yo rele li nom, epi li te resevwa senk an bagay sa yo nan li, yon sèl, de, twa, kat, 419 00:21:25,370 --> 00:21:26,410 senk. 420 00:21:26,410 --> 00:21:30,620 Koulye a, mwen vle nan kat jeyografik kèk fonksyon sou sa a etalaj. 421 00:21:30,620 --> 00:21:34,337 Mwen vle gen yon fonksyon aplike bay chak eleman nan etalaj la. 422 00:21:34,337 --> 00:21:37,420 Oke, kite la di ke sa m 'vle fè se jis double tout nan eleman yo. 423 00:21:37,420 --> 00:21:42,520 Ki sa ki mwen te kapab fè se jis sèvi ak yon riban pou var mwen egal 0, mwen se mwens pase 424 00:21:42,520 --> 00:21:47,390 oswa egal a 4, mwen plis, plis, ak Lè sa a, double chak nimewo sèl. 425 00:21:47,390 --> 00:21:49,580 Men, mwen kapab tou fè yon bagay tankou sa a. 426 00:21:49,580 --> 00:21:53,420 Mwen kapab di nom te ansyen yon sèl, de, twa, kat, senk, 427 00:21:53,420 --> 00:21:58,310 kounye a, menm si, mwen ta renmen ou a aplike yon kat sou sa a etalaj 428 00:21:58,310 --> 00:22:00,400 kote mwen ta renmen ou a doub chak nimewo. 429 00:22:00,400 --> 00:22:02,540 Epi sa a, egzakteman sa k ap pase isit la. 430 00:22:02,540 --> 00:22:06,870 Men, remake sa m ap pase nan kòm agiman an nan kat jeyografik. 431 00:22:06,870 --> 00:22:09,080 Sa a se yon fonksyon anonim. 432 00:22:09,080 --> 00:22:11,140 Apre sa, remake mwen pa te bay fonksyon sa a yon non, 433 00:22:11,140 --> 00:22:13,290 Mwen te sèlman bay li yon lis paramèt. 434 00:22:13,290 --> 00:22:16,370 Se konsa, sa a se yon egzanp nan yon fonksyon anonim. 435 00:22:16,370 --> 00:22:21,270 >> Nou jeneralman pa ta janm rele sa a fonksyon deyò nan kontèks la nan kat jeyografik. 436 00:22:21,270 --> 00:22:24,110 Nou ap defini li kòm yon paramèt nan kat jeyografik, e konsa nou pa fè sa vrèman 437 00:22:24,110 --> 00:22:27,910 bezwen gen yon non pou li si nan sèlman bagay ki gen sousi pou se kat jeyografik 438 00:22:27,910 --> 00:22:30,339 ak li a defini dwat gen andedan nan kat jeyografik. 439 00:22:30,339 --> 00:22:31,880 Se konsa, sa a se yon fonksyon anonim. 440 00:22:31,880 --> 00:22:34,680 Nou pa te kapab fè sa deja. 441 00:22:34,680 --> 00:22:38,400 Map kèk fonksyon ki aksepte yon sèl paramèt: NUM, 442 00:22:38,400 --> 00:22:41,890 ak sa ki fonksyon fè se retounen NUM fwa 2. 443 00:22:41,890 --> 00:22:45,330 Se konsa, apre sa a te kat te aplike, 444 00:22:45,330 --> 00:22:50,090 sa a se kounye a ki sa nom sanble tankou, de, kat, sis, uit, 10. 445 00:22:50,090 --> 00:22:52,090 Epitou, n ap pòp nan men m ' fenèt navigatè ak jis 446 00:22:52,090 --> 00:22:55,240 pran yon gade nan sa a vrèman byen vit kòm byen. 447 00:22:55,240 --> 00:22:58,000 >> Se konsa, mwen gen yon lòt bouton isit la nan paj lakay mwen rele doub. 448 00:22:58,000 --> 00:23:03,570 Lè m 'klike sou doub, epi li di m 'anvan li te yon sèl, de, twa, kat, 449 00:23:03,570 --> 00:23:07,250 senk apre de, kat, sis, uit, 10. 450 00:23:07,250 --> 00:23:11,930 Men, si m 'ale retounen lakay yo epi klike sou doub ankò, de, kat, sis, uit, 10. 451 00:23:11,930 --> 00:23:17,400 Lè sa a, apre, kat, uit, 12, 16, ak Lè sa a 20. 452 00:23:17,400 --> 00:23:20,440 Ak sa ki mwen fè nan fonksyon sa a? 453 00:23:20,440 --> 00:23:25,210 Bon, si nou jis pòp nan men IDE, ak Mwen rale moute fonksyon anonim mwen, isit la 454 00:23:25,210 --> 00:23:28,780 sou liy sèt a 13, mwen se fè yon ti jan travay anpenpan isit la, 455 00:23:28,780 --> 00:23:32,240 men mwen jis enprime soti sa ki nan kounye a nan etalaj la. 456 00:23:32,240 --> 00:23:36,580 Lè sa a, sou liy 16, 17, ak 18, gen nan kat jeyografik m 'yo. 457 00:23:36,580 --> 00:23:40,930 Sa a se kote mwen aplike sa a double fonksyon nan chak eleman sèl. 458 00:23:40,930 --> 00:23:43,530 Lè sa a, yon ti kras pi lwen desann, Mwen jis fè menm bagay la 459 00:23:43,530 --> 00:23:46,640 M 'te fè anvan, eksepte kounye a mwen se enprime soti sa ki nan etalaj la 460 00:23:46,640 --> 00:23:48,167 apre sa. 461 00:23:48,167 --> 00:23:50,500 Men, tout mwen te fè isit la se jis itilize yon fonksyon anonim 462 00:23:50,500 --> 00:23:53,640 nan kat jeyografik atravè yon etalaj tout antye. 463 00:23:53,640 --> 00:23:58,466 >> Se konsa, yon sèl plis gwo sijè yo pale sou nan JavaScript se nosyon de yon evènman. 464 00:23:58,466 --> 00:24:01,590 Yon evènman se yon bagay ki jis k ap pase lè yon itilizatè reyaji ak entènèt ou an 465 00:24:01,590 --> 00:24:04,715 paj, se konsa petèt yo klike yon bagay, oswa petèt se paj la fini loading, 466 00:24:04,715 --> 00:24:07,200 oswa petèt yo te demenaje ale rete sourit yo sou yon bagay, 467 00:24:07,200 --> 00:24:09,290 oswa yo te tape yon bagay nan yon jaden opinyon. 468 00:24:09,290 --> 00:24:14,260 Tout moun nan bagay sa yo se evènman ke yo ki fèt nan paj wèb nou an. 469 00:24:14,260 --> 00:24:17,460 Ak JavaScript gen nan kapasite sipòte yon bagay 470 00:24:17,460 --> 00:24:21,760 rele yon kap okipe-evènman, ki se yon fonksyon ki kalbak 471 00:24:21,760 --> 00:24:23,329 reponn a yon evènman html. 472 00:24:23,329 --> 00:24:24,620 Ak sa ki nan yon fonksyon kalbak? 473 00:24:24,620 --> 00:24:27,328 Oke, li nan jeneralman jis yon lòt non pou yon fonksyon anonim. 474 00:24:27,328 --> 00:24:30,170 Li se yon fonksyon ki reponn a yon evènman. 475 00:24:30,170 --> 00:24:34,130 Lè sa a se kote nou vin jwenn nan lide sou obligatwa sèten fonksyon 476 00:24:34,130 --> 00:24:38,060 nan yon atribi html patikilye. 477 00:24:38,060 --> 00:24:41,420 Pifò eleman html gen sipò pou yon atribi 478 00:24:41,420 --> 00:24:45,170 ki nou pa t 'pale sou nan html nan videyo pou yon bagay tankou sou klike sou 479 00:24:45,170 --> 00:24:50,540 oswa sou hover oswa sou chaj, tout nan evènman sa yo 480 00:24:50,540 --> 00:24:53,120 ke ou ka Lè sa a ekri fonksyon ki kontra avèk evènman sa yo 481 00:24:53,120 --> 00:24:56,090 lè evènman sa yo rive nan paj entènèt ou an. 482 00:24:56,090 --> 00:24:59,170 >> Se konsa, petèt ou html sanble yon bagay tankou sa a. 483 00:24:59,170 --> 00:25:02,240 Apre sa, mwen gen de bouton isit la, yon bouton ak bouton de, 484 00:25:02,240 --> 00:25:04,620 ak isit la mwen gen kounye a defini pa gen anyen, 485 00:25:04,620 --> 00:25:11,170 men sa a se kote atribi nan sou klike sou se aparamman yon pati nan tag html mwen. 486 00:25:11,170 --> 00:25:15,220 Se konsa, aparamman lè m 'defini sa ki nan ale sou andedan nan ki atribi, 487 00:25:15,220 --> 00:25:18,590 li pral yo dwe kèk JavaScript fonksyon ki reponn a evènman an 488 00:25:18,590 --> 00:25:24,360 prezimableman nan klike sou bouton youn oswa bouton de. 489 00:25:24,360 --> 00:25:28,580 >> Ki sa ki nan kalite fre sou sa a se nou ka ekri yon kap okipe-evènman jenerik. 490 00:25:28,580 --> 00:25:32,370 Lè sa a kap okipe-evènman pral kreye yon objè evènman. 491 00:25:32,370 --> 00:25:37,000 Ak objè a evènman pral di nou ki nan de bouton sa yo te klike. 492 00:25:37,000 --> 00:25:38,064 Koulye a, ki jan fè sa travay? 493 00:25:38,064 --> 00:25:39,730 Oke, li ta ka gade yon bagay tankou sa a. 494 00:25:39,730 --> 00:25:44,860 Se konsa, nou pral premye defini bouton nou an gen yon repons a kalbak nan 495 00:25:44,860 --> 00:25:47,470 fonksyon ki pral rele lè se bouton an klike, 496 00:25:47,470 --> 00:25:49,520 nou pral rele evènman Non alèt yo. 497 00:25:49,520 --> 00:25:53,320 Apre sa, remake nan tou de ka nou ap pase nan paramèt evènman sa a. 498 00:25:53,320 --> 00:25:55,460 Se konsa, nou rele sa a fonksyon oswa lè sa a fonksyon 499 00:25:55,460 --> 00:26:00,330 se deklanche nan yon evènman an ap pase, li pral yo kreye sa a objè evènman 500 00:26:00,330 --> 00:26:03,300 epi yo pase li kòm yon paramèt nan alèt non. 501 00:26:03,300 --> 00:26:07,270 Epi sa objè evènman se ale nan gen enfòmasyon 502 00:26:07,270 --> 00:26:09,800 sou ki te bouton klike. 503 00:26:09,800 --> 00:26:11,580 Ak ki jan li fè sa? 504 00:26:11,580 --> 00:26:13,654 Oke, li ta ka gade yon bagay tankou sa a. 505 00:26:13,654 --> 00:26:15,570 Se konsa, kounye a nan separe m ' JavaScript dosye, mwen ta ka 506 00:26:15,570 --> 00:26:17,420 gen jwenn sa a fonksyon non alèt, ki 507 00:26:17,420 --> 00:26:19,500 ankò aksepte ke paramèt evènman. 508 00:26:19,500 --> 00:26:24,640 Lè sa a, isit la se kote mwen detekte ki bouton te deklanche, 509 00:26:24,640 --> 00:26:28,100 var deklanche egal evènman dot sous eleman. 510 00:26:28,100 --> 00:26:33,150 Ki sa ki te sous la ki te kreye sa a objè evènman ki te pase nan? 511 00:26:33,150 --> 00:26:36,390 Li te bouton youn oswa te li bouton de? 512 00:26:36,390 --> 00:26:40,710 >> Lè sa a, isit la tout m ap fè se enprime soti trigger.innerhtml. 513 00:26:40,710 --> 00:26:43,860 Oke, nan ka sa a, nan ka sa kontèks, trigger.innerhtml 514 00:26:43,860 --> 00:26:45,940 se jis sa ki ekri sou bouton an. 515 00:26:45,940 --> 00:26:48,830 Li jis konsa k ap pase si nou sote tounen pou yon dezyèm fwa, ki ta 516 00:26:48,830 --> 00:26:51,670 gen sa ki nan nan ant moun Tags bouton. 517 00:26:51,670 --> 00:26:54,150 Li pral bouton youn oswa bouton de. 518 00:26:54,150 --> 00:26:57,320 Li kite yo pran yon gade nan ki jan sa a kap okipe-evènman ta 519 00:26:57,320 --> 00:27:01,080 gade si nou te gen li kouri nan pratik. 520 00:27:01,080 --> 00:27:03,850 >> Se konsa, premye a tout moun, ou te louvri moute events.js, 521 00:27:03,850 --> 00:27:06,517 ki se dosye a JavaScript ki kote Mwen te defini fonksyon sa a. 522 00:27:06,517 --> 00:27:08,558 Ak jan ou ka wè, li nan bèl anpil ekzakteman ki sa 523 00:27:08,558 --> 00:27:10,230 nou jis te wè sou glise nan yon dezyèm de sa. 524 00:27:10,230 --> 00:27:14,890 Apre sa, mwen pral ale sou nan an paj lakay nou ve yo te lè l sèvi avèk. 525 00:27:14,890 --> 00:27:17,660 Apre sa, mwen gen isit la bouton yon sèl ak bouton de. 526 00:27:17,660 --> 00:27:19,820 Apre sa, mwen pral klike sou youn bouton. 527 00:27:19,820 --> 00:27:23,930 Ou klike sou bouton yon sèl, si ou ka wè isit la nan alèt la. 528 00:27:23,930 --> 00:27:25,810 OK. 529 00:27:25,810 --> 00:27:28,980 Klike sou bouton de, ou klike sou yon bouton de. 530 00:27:28,980 --> 00:27:32,150 >> Se konsa, tou de bouton a gen menm apèl fonksyon, dwa? 531 00:27:32,150 --> 00:27:35,840 Yo tou de te alèt Non evènman, men sa a objè evènman 532 00:27:35,840 --> 00:27:41,900 ki vin kreye lè nou klike sou li di nou ki bouton te klike. 533 00:27:41,900 --> 00:27:44,650 Nou pa t 'gen yo ekri de separe fonksyon oswa kontra avèk gen 534 00:27:44,650 --> 00:27:46,470 yo pase nenpòt enfòmasyon adisyonèl. 535 00:27:46,470 --> 00:27:48,220 Nou jis ap repoze sou sa JavaScript pral 536 00:27:48,220 --> 00:27:53,772 fè pou nou, ki se yo kreye ki sòt de evènman objè sou non nou an. 537 00:27:53,772 --> 00:27:56,730 Genyen yon anpil plis nan JavaScript pase sa nou te kouvri nan videyo sa a, 538 00:27:56,730 --> 00:27:58,521 men li te gen sa yo fondamantal ta dwe fè ou jwenn 539 00:27:58,521 --> 00:28:00,690 byen yon fason lontan yo aprann tout bagay ou pral 540 00:28:00,690 --> 00:28:04,030 bezwen konnen sou sa a lang ki enteresan. 541 00:28:04,030 --> 00:28:05,000 Mwen se Doug Lloyd. 542 00:28:05,000 --> 00:28:07,010 Sa a se CS50. 543 00:28:07,010 --> 00:28:09,181