1 00:00:00,000 --> 00:00:03,840 >> [Daqq tal-mużika] 2 00:00:03,840 --> 00:00:05,770 3 00:00:05,770 --> 00:00:08,690 >> Doug LLOYD: Allura minn issa aħna qed qodma pros fil-programmazzjoni web, right? 4 00:00:08,690 --> 00:00:12,140 U konna koperti diversi lingwi fl videos individwali. 5 00:00:12,140 --> 00:00:14,690 U issa ejja jagħmlu waħda aktar, JavaScript. 6 00:00:14,690 --> 00:00:17,370 >> L-ewwel l-aħbar tajba, JavaScript huwa programmazzjoni moderna 7 00:00:17,370 --> 00:00:21,410 lingwa ferm simili PHP li sintassi hija derivata mill C, 8 00:00:21,410 --> 00:00:22,830 hekk li l-post tajjeb fejn tibda. 9 00:00:22,830 --> 00:00:25,880 Huwa dwar qadima daqs PHP, kif ukoll, wara li kien madwar madwar 20 sena. 10 00:00:25,880 --> 00:00:28,600 Hija ġiet ivvintata madwar l-istess żmien bħal PHP. 11 00:00:28,600 --> 00:00:32,240 U JavaScript huwa attwalment pretty fundamentali għall-utent esperjenza 12 00:00:32,240 --> 00:00:32,740 tal-web. 13 00:00:32,740 --> 00:00:34,448 Fil-fatt, hemm tliet lingwi li I 14 00:00:34,448 --> 00:00:38,480 ngħid tip ta 'tpatti l utent esperjenza ta 'interazzjoni 15 00:00:38,480 --> 00:00:42,650 mal-websajt, html, css, u JavaScript. 16 00:00:42,650 --> 00:00:46,030 U hekk issa ejja nitkellmu ftit dwar JavaScript. 17 00:00:46,030 --> 00:00:50,301 >> L-aħbar ħażina, għalkemm, ma JavaScript huwa li din tistipula ħafna ta 'regoli għaliha nnifisha, 18 00:00:50,301 --> 00:00:51,300 u mbagħad pawżi lilhom. 19 00:00:51,300 --> 00:00:54,010 U JavaScript jista 'attwalment jiġi tip ta 'diffiċli li jitgħallmu, 20 00:00:54,010 --> 00:00:57,000 għaliex dan huwa b'differenza C u PHP, li huma strutturati ferm 21 00:00:57,000 --> 00:01:00,270 u għandhom regoli riġidi ħafna għal kemm affarijiet jistgħu jaħdmu. 22 00:01:00,270 --> 00:01:03,690 JavaScript għandha tip tal gotten tant flessibbli 23 00:01:03,690 --> 00:01:06,650 li forsi l-affarijiet ma jkunux sejrin lejn taħdem il-mod aħna tistenna li, 24 00:01:06,650 --> 00:01:09,830 u forsi aħna verament ma jistgħu jitgħallmu lingwa tagħna l-ewwel programmar 25 00:01:09,830 --> 00:01:10,769 bħala JavaScript. 26 00:01:10,769 --> 00:01:12,810 Allura forsi minħabba li ma stabbiliet għaliha nnifisha xi regoli, 27 00:01:12,810 --> 00:01:15,754 u ma verament jinfurzaw drawwiet kodifikazzjoni tajba. 28 00:01:15,754 --> 00:01:18,170 Imma issa konna żviluppati nisperaw xi drawwiet tajba kodifikazzjoni, 29 00:01:18,170 --> 00:01:21,470 u għalhekk nistgħu tibda foray fi JavaScript ftit. 30 00:01:21,470 --> 00:01:25,750 >> Biex tikteb JavaScript, simili għal ftuħ up fajl C bit-tikka estensjoni C 31 00:01:25,750 --> 00:01:29,770 jew fajl PHP b'estensjoni dot PHP, kollha għandna bżonn tagħmel hu li tiftaħ fajl 32 00:01:29,770 --> 00:01:31,764 mal-dot JS estensjoni fajl. 33 00:01:31,764 --> 00:01:34,430 Aħna ma bżonn li jkollhom xi speċjali delimiters simili għamilna fil-PHP. 34 00:01:34,430 --> 00:01:36,750 Dik it-tip ta 'angolu bracket kwistjoni mark PHP 35 00:01:36,750 --> 00:01:40,300 li aħna qed jintużaw biex minn dan, it-triq we tell browser tagħna li dak li għandna huwa 36 00:01:40,300 --> 00:01:43,502 JavaScript huwa billi jiġu inklużi fl-istess tag html, 37 00:01:43,502 --> 00:01:46,210 u aħna ser tara xi ftit dwar kif għandek tagħmel dan fi ftit mument. 38 00:01:46,210 --> 00:01:48,210 >> Il-ħaġa oħra li tagħmel JavaScript differenti, 39 00:01:48,210 --> 00:01:50,580 għalkemm, hi li din tmur naħa tal-klijent. 40 00:01:50,580 --> 00:01:53,430 Allura tfakkar ma PHP li aħna qatt jista 'verament tara 41 00:01:53,430 --> 00:01:57,041 il PHP li enfasizzat websajt. 42 00:01:57,041 --> 00:01:59,040 Jekk aħna qatt meqjusa l- sors paġna, nixtiequ biss 43 00:01:59,040 --> 00:02:02,830 tara l-html li kienet iġġenerat minn dik PHP. 44 00:02:02,830 --> 00:02:04,900 Iżda JavaScript runs naħa tal-klijent. 45 00:02:04,900 --> 00:02:06,710 Your JavaScript timxi fuq il-kompjuter tiegħek. 46 00:02:06,710 --> 00:02:09,050 U hu għalhekk li inti tista 'tagħmel affarijiet simili żid blockers. 47 00:02:09,050 --> 00:02:09,550 Dritt? 48 00:02:09,550 --> 00:02:12,704 Ad imblukkar ġeneralment isir billi qtil kollha tal-JavaScript 49 00:02:12,704 --> 00:02:14,370 li tkun taħdem fuq sit partikolari. 50 00:02:14,370 --> 00:02:19,000 U minħabba li jkollhom jimxu fuq naħa tal-klijent magna tiegħek, 51 00:02:19,000 --> 00:02:21,910 inti tista 'sempliċement twaqqaf il- JavaScript għat-tmexxija kompletament. 52 00:02:21,910 --> 00:02:27,030 Dan ifisser ukoll li meta tuża websajt li tinkludi JavaScript, 53 00:02:27,030 --> 00:02:32,450 inti għandek tibgħat is-sors JavaScript kodiċi kif parti mir-reazzjoni http tiegħek 54 00:02:32,450 --> 00:02:34,159 lill-klijent meta jitolbuha. 55 00:02:34,159 --> 00:02:35,950 U għalhekk inti ma tista tixtieq li tuża JavaScript 56 00:02:35,950 --> 00:02:38,395 biex tagħmel affarijiet verament sensittivi bħal informazzjoni li tgħaddi 57 00:02:38,395 --> 00:02:41,020 dwar passwords utenti back u raba, għaliex qed attwalment 58 00:02:41,020 --> 00:02:45,610 ser jirċievi l-source code, mhux biss l-html li huwa ġġenerat, 59 00:02:45,610 --> 00:02:49,030 hekk illi jkun il-każ ma jgħidu PHP. 60 00:02:49,030 --> 00:02:51,620 >> Allura kif nistgħu jinkludu JavaScript fil html tagħna biex tibda bil? 61 00:02:51,620 --> 00:02:54,520 Ukoll, simili għal CSS, fil-fatt, huwa tip ta 'kif nagħmlu dan hawnhekk. 62 00:02:54,520 --> 00:02:56,190 Bil CSS għandna tags stil. 63 00:02:56,190 --> 00:03:00,760 U ġewwa minn dawk tags stil, nistgħu jiddefinixxu folja stil CSS. 64 00:03:00,760 --> 00:03:03,450 Bl-istess mod ma JavaScript nistgħu tiftaħ tags iskrittura, 65 00:03:03,450 --> 00:03:06,660 tag ieħor html aħna ma jitkellmu dwar fil-video html tagħna, 66 00:03:06,660 --> 00:03:09,720 u jiktbu JavaScript fil bejn dawk tags iskrittura. 67 00:03:09,720 --> 00:03:13,960 Ukoll għalkemm, bħall CSS, aħna jista rabta fil barra fajls CSS 68 00:03:13,960 --> 00:03:15,900 u iġbed tagħhom fiċ-programm tagħna li mod. 69 00:03:15,900 --> 00:03:18,280 Bil CSS nistgħu wkoll, skuża me, ma JavaScript 70 00:03:18,280 --> 00:03:23,240 nistgħu wkoll tispeċifika s-sorsi attribut tal-lametta iskrittura 71 00:03:23,240 --> 00:03:25,720 ir-rabta JavaScript separatament, sabiex inti ma 72 00:03:25,720 --> 00:03:27,680 jkollhom jiktbu fil bejn tags iskrittura, aħna 73 00:03:27,680 --> 00:03:29,600 tista 'rabta huwa fl-użu li tag iskrittura ukoll. 74 00:03:29,600 --> 00:03:33,230 U hekk kif il-każ ma 'CSS fejn aħna rakkomandat li kien probabbilment 75 00:03:33,230 --> 00:03:36,090 fl-aħjar interess tiegħek li tikteb CSS tiegħek fil-fajl separat fil-każ 76 00:03:36,090 --> 00:03:38,500 għandek bżonn biex jibdlu, Bl-istess mod do nirrakkomandaw 77 00:03:38,500 --> 00:03:40,720 li tikteb tiegħek JavaScript f'fajls separati 78 00:03:40,720 --> 00:03:45,460 u l-użu s-sors tags iskrittura tattribwixxi lil tie tiegħek JavaScript 79 00:03:45,460 --> 00:03:49,520 fil html tiegħek, web page tiegħek. 80 00:03:49,520 --> 00:03:52,610 >> Varjabbli Allura JavaScript, aħna ser jibda jitkellem dwar il-sintassi hawn. 81 00:03:52,610 --> 00:03:53,600 U aħna ser jgħaddu dan it-tip ta 'malajr, 82 00:03:53,600 --> 00:03:56,640 għaliex aħna ghamilt dan fil-PHP, hekk dan kollu għandu jkun pretty familjari. 83 00:03:56,640 --> 00:03:59,490 Varjabbli fil JavaScript hekk huma simili ħafna għal PHP varjabbli. 84 00:03:59,490 --> 00:04:03,270 M'hemm l-ebda specifier tip, u meta inti jintroduċu varjabbli, 85 00:04:03,270 --> 00:04:05,070 inti prefiss ma 'l-keyword var. 86 00:04:05,070 --> 00:04:07,750 Fil PHP aħna se nagħmlu xi ħaġa bħal dan, is-sinjal dollaru x. 87 00:04:07,750 --> 00:04:09,950 Li kif aħna indikat varjabbli, iżda l-ebda, aħna 88 00:04:09,950 --> 00:04:12,060 ma jsemmux it-tip tal-varjabbli fil-livelli kollha. 89 00:04:12,060 --> 00:04:15,124 Aħna ngħid xi ħaġa bħal dollaru sinjal x ugwali 44 PHP. 90 00:04:15,124 --> 00:04:17,040 Jekk aħna kienu qed jagħmlu l- istess ħaġa fil JavaScript, 91 00:04:17,040 --> 00:04:19,589 aħna ngħid var x ugwali 44. 92 00:04:19,589 --> 00:04:22,780 Allura var huwa tip tal-mod tagħna li tkun introdotta varjabbli. 93 00:04:22,780 --> 00:04:26,850 Li forsi daqsxejn aktar intuwittivi minn sempliċiment dollaru varjabbli sinjal. 94 00:04:26,850 --> 00:04:29,080 >> Għal darb'oħra, peress li hemm l-ebda tipi ta 'data, stajna nagħmlu dan 95 00:04:29,080 --> 00:04:34,490 bi kwalunkwe tip ta 'data, kordi, kull ħaġa oħra kollha jkunu var. 96 00:04:34,490 --> 00:04:37,260 Conditionals, kollha ta 'tagħna ħbieb antiki mill C u PHP 97 00:04:37,260 --> 00:04:41,640 għadhom disponibbli, hekk aħna jekk, inkella jekk, inkella, swiċċ u mistoqsija 98 00:04:41,640 --> 00:04:42,240 kolon marka. 99 00:04:42,240 --> 00:04:45,890 Swiċċ jifdal flessibbli kemm it kien fil-PHP, iżda dawn kollha int 100 00:04:45,890 --> 00:04:46,930 familjari magħhom issa. 101 00:04:46,930 --> 00:04:49,900 U l-istess ma 'linji huma l-Favourites qodma ta 'waqt, 102 00:04:49,900 --> 00:04:52,700 do ftit, u għal għadhom disponibbli lilna. 103 00:04:52,700 --> 00:04:55,880 Allura diġà nafu ħafna ta 'l- JavaScript tip bażiku ta 'prinċipji fundamentali 104 00:04:55,880 --> 00:05:01,800 biss minħabba li jkollu pjuttost ftit ta 'għarfien issa dwar C u PHP. 105 00:05:01,800 --> 00:05:03,670 >> What about funzjonijiet JavaScript? 106 00:05:03,670 --> 00:05:08,199 Ukoll, simili għal PHP kull funzjoni hija introdott bil-keyword funzjoni. 107 00:05:08,199 --> 00:05:10,740 You say funzjoni, u allura inti jibdew jiddefinixxu funzjoni tiegħek. 108 00:05:10,740 --> 00:05:12,531 X'hemm differenti ftit dwar JavaScript, 109 00:05:12,531 --> 00:05:15,700 għalkemm hija l-abbiltà li jkollhom dak li sejjaħ funzjoni anonima. 110 00:05:15,700 --> 00:05:18,880 Allura inti tista 'tiddefinixxi funzjoni li ma għandhom isem. 111 00:05:18,880 --> 00:05:21,222 Din hija xi ħaġa li aħna verament ma bbenefikawx qabel. 112 00:05:21,222 --> 00:05:23,430 Aħna ser verament jużaw il-kunċett ta 'funzjoni anonima 113 00:05:23,430 --> 00:05:27,880 ftit aktar tard f'dan video, minħabba li ser 114 00:05:27,880 --> 00:05:31,530 jagħmlu ftit aktar sens f'kuntest meta naraw dan f'sitwazzjoni partikolari 115 00:05:31,530 --> 00:05:33,120 li stajt crafted hawn. 116 00:05:33,120 --> 00:05:35,710 Imma ejja ħu ħarsa lejn dak li JavaScript sempliċi 117 00:05:35,710 --> 00:05:37,850 funzjoni tista 'look like. 118 00:05:37,850 --> 00:05:40,610 >> Hekk stajt marret quddiem u fetaħ IDE CS50 tiegħi 119 00:05:40,610 --> 00:05:43,690 u stajt diġà amministraw Apache li tibda server running tiegħi. 120 00:05:43,690 --> 00:05:46,800 U jien dan il-fajl miftuħa imsejħa Home.html. 121 00:05:46,800 --> 00:05:48,330 U jien ser zoom ftit hawn. 122 00:05:48,330 --> 00:05:52,090 U bażikament, tista 'tara l- Home.html huwa biss mazz ta 'buttuni. 123 00:05:52,090 --> 00:05:55,291 U jien titlob fil-quċċata hawn li dan huwa t-taqsima JavaScript 124 00:05:55,291 --> 00:05:55,790 materjali. 125 00:05:55,790 --> 00:05:59,490 Allura hemm mazz ta 'buttuni hawn, imma dak li dawn il-buttuni fil-fatt jagħmlu? 126 00:05:59,490 --> 00:06:03,662 >> Well, aħna ser ras għal IED tiegħi, u jien Home.html tiftaħ hawnhekk. 127 00:06:03,662 --> 00:06:05,620 Fil-bidu nett, hawn fejn jien jgħaqqdu 128 00:06:05,620 --> 00:06:07,500 fil kollha ta 'fajls tiegħi sors JavaScript. 129 00:06:07,500 --> 00:06:08,000 Dritt? 130 00:06:08,000 --> 00:06:12,440 So I jkollhom anonymous.js, clock.js, Jien jużaw l-attribut sors 131 00:06:12,440 --> 00:06:14,440 tal-lametta iskrittura ir-rabta fajl. 132 00:06:14,440 --> 00:06:18,660 Kwalunkwe So I ma miktub JavaScript direttament fil dan il-fajl, 133 00:06:18,660 --> 00:06:21,790 imma stajt jinġibed fil kollha l- JavaScript Stajt bil-miktub separatament. 134 00:06:21,790 --> 00:06:24,540 U jekk aħna iscroll hawn, dan kollha għandhom ħarsa kemmxejn familjari 135 00:06:24,540 --> 00:06:27,090 bi ftit ta 'sintassi ġdida. 136 00:06:27,090 --> 00:06:32,655 Għandna hawnhekk tag header għall funzjonijiet u mbagħad buttuna. 137 00:06:32,655 --> 00:06:35,530 I jkollhom dħul li l-buttuna tip, u apparentement meta I ikklikkja, 138 00:06:35,530 --> 00:06:38,130 Jien ser sejħa xi funzjoni data twissija. 139 00:06:38,130 --> 00:06:41,792 U dan huwa kif nistgħu tip ta 'ħallat xi ftit ta 'JavaScript u html. 140 00:06:41,792 --> 00:06:44,500 Huma effettivament tilgħab pretty nicely flimkien, u għalhekk apparentement meta 141 00:06:44,500 --> 00:06:48,730 I ikklikkja fuq din il-buttuna, jien ser sejħa f'xi data twissija funzjoni. 142 00:06:48,730 --> 00:06:53,660 U l-istess jiena imgieba definit għall kollha tal-buttuni oħra li 143 00:06:53,660 --> 00:06:56,440 huma fuq dik il-paġna home.html, li aħna ser iżommu lura 144 00:06:56,440 --> 00:06:59,172 li matul il-kors ta 'dan il-video. 145 00:06:59,172 --> 00:07:00,880 Imma ejja mmorru lura up hawn u tagħti ħarsa 146 00:07:00,880 --> 00:07:03,850 fil clock.js, li hija l- JavaScript fajl li I 147 00:07:03,850 --> 00:07:07,370 kiteb li għandha dan l-ewwel funzjoni aħna qed tmur biex tagħti ħarsa lejn. 148 00:07:07,370 --> 00:07:11,630 Kif tistgħu taraw, nibda tiegħi JavaScript jiffunzjonaw bil-funzjoni keyword, 149 00:07:11,630 --> 00:07:14,560 u stajt mogħtija dan wieħed isem, huwa msejjaħ data allert. 150 00:07:14,560 --> 00:07:18,710 Ġewwa ta 'hemm, I apparentement joħolqu varjabbli lokali ġdida msejħa data attwali. 151 00:07:18,710 --> 00:07:21,500 U jien ser tassenja ugwali għal data ġdida. 152 00:07:21,500 --> 00:07:24,430 U nistgħu jiksbu fis-lott ta ' dettall dwar x'inhu data hija, 153 00:07:24,430 --> 00:07:27,060 u verament JavaScript huwa tant kbir li ma nistgħux possibilment 154 00:07:27,060 --> 00:07:28,330 ikopru kollox fil-video wieħed. 155 00:07:28,330 --> 00:07:32,220 Iżda huwa biżżejjed li jingħad, dan se li jirritornaw għall me oġġett ta 'dejta li 156 00:07:32,220 --> 00:07:35,470 tiġbor id-data u l-ħin kurrenti. 157 00:07:35,470 --> 00:07:39,100 Jien ħażna li fil-varjabbli li jien apparentement ser twissi data attwali. 158 00:07:39,100 --> 00:07:41,300 >> Ukoll, dak ma allert Ħarsa data attwali like? 159 00:07:41,300 --> 00:07:46,460 Ejja tagħti ħarsa lejn il-fajl innifsu lura fuq fil-tieqa browser. 160 00:07:46,460 --> 00:07:49,551 Għalhekk għal darb'oħra, dan huwa l-buttuna li I jkunu marbuta ma, din il-funzjoni jismu. 161 00:07:49,551 --> 00:07:51,800 U jien ikklikkja hemmhekk u tħares dak li għamlet, hija mgħarrfa. 162 00:07:51,800 --> 00:07:56,140 Hija feġġ dan it-tip tal-kaxxa javżak me li l-ħin attwali hija, apparentement 163 00:07:56,140 --> 00:07:59,370 huwa 4 Novembru fil 10:43:43 fil-għodu. 164 00:07:59,370 --> 00:08:02,345 U jekk jien ikklikkja darb'oħra, issa huwa ftit sekondi wara, id-dritt? 165 00:08:02,345 --> 00:08:03,720 Allura dak dan kollu funzjoni ma. 166 00:08:03,720 --> 00:08:07,670 Meta I ikklikkja din il-buttuna, huwa pops up messaġġ ta 'twissija lili. 167 00:08:07,670 --> 00:08:13,806 168 00:08:13,806 --> 00:08:15,690 Allura hemm verament ma wisq biex funzjonijiet 169 00:08:15,690 --> 00:08:19,110 li l differenti minn PHP, biss ftit ta 'sintassi ġdida 170 00:08:19,110 --> 00:08:22,500 li jiġi ma taħdem ma JavaScript. 171 00:08:22,500 --> 00:08:24,650 >> Arrays fil JavaScript huma pjuttost sempliċi. 172 00:08:24,650 --> 00:08:27,200 Tiddikjara firxa, tuża l sintassi parentesi kwadri 173 00:08:27,200 --> 00:08:30,090 li aħna qed familjari mal mit PHP. 174 00:08:30,090 --> 00:08:33,432 U simili għal PHP, aħna wkoll jista 'jħallat tipi ta' data. 175 00:08:33,432 --> 00:08:35,140 Allura dan array, kemm ta 'dawn arrays kieku 176 00:08:35,140 --> 00:08:36,960 jkun perfettament leġittimu JavaScript. 177 00:08:36,960 --> 00:08:42,500 Wieħed li interi, u wieħed li hija mħallta up tipi differenti ta 'data. 178 00:08:42,500 --> 00:08:45,020 >> X'hemm xi ħaġa differenti ħafna fl JavaScript, għalkemm? 179 00:08:45,020 --> 00:08:47,020 Dik hija l-kunċett ta 'oġġett. 180 00:08:47,020 --> 00:08:50,240 Allura forsi inti ħadthom jinstemgħu ta ' joġġezzjonaw programmazzjoni orjentati. 181 00:08:50,240 --> 00:08:53,370 Aħna ma jagħmlu ħafna ta 'dan fil CS50, imma aħna se tagħmel ftit ta 'dan 182 00:08:53,370 --> 00:08:55,670 hawn fil-kuntest ta 'JavaScript. 183 00:08:55,670 --> 00:08:59,100 Issa JavaScript għandu l-abbiltà li jaġixxu bħala programmar oġġett orjentati lejn 184 00:08:59,100 --> 00:09:02,615 lingwa, iżda hi nnifisha ma tkunx esklussivament oġġett orjentati 185 00:09:02,615 --> 00:09:03,490 lingwa ta 'programmar. 186 00:09:03,490 --> 00:09:05,281 U dan jerġa jaqa lura għall għaliex I said, 187 00:09:05,281 --> 00:09:10,610 jistgħu jkunu ta 'sfida biex jitgħallmu JavaScript bħala l-ewwel programmazzjoni tiegħek 188 00:09:10,610 --> 00:09:13,890 lingwa, minħabba li ma verament tajbin paradigma partikolari. 189 00:09:13,890 --> 00:09:16,430 >> C min-naħa l-oħra hija lingwa ta 'programmar funzjonali. 190 00:09:16,430 --> 00:09:22,270 Jekk irridu li, funzjonijiet huma tip tal-bniedem boxxla kbar, id-dritt? 191 00:09:22,270 --> 00:09:24,410 Huma jiddettaw liema jiġri kull ħaġa oħra. 192 00:09:24,410 --> 00:09:26,600 Aħna tixtieq li tibdel il-varjabbli, nitolbu funzjonijiet. 193 00:09:26,600 --> 00:09:28,220 We do affarijiet għall-funzjonijiet. 194 00:09:28,220 --> 00:09:31,250 Oġġetti minflok, fi joġġezzjonaw lingwa orjentati lejn, 195 00:09:31,250 --> 00:09:35,937 oġġetti minnu tip ta 'ssir l-istilla u funzjonijiet jsiru tip ta 'sekondarja. 196 00:09:35,937 --> 00:09:38,270 Imma dak li huwa oġġett, liema huwa dan il-kunċett ta 'oġġett? 197 00:09:38,270 --> 00:09:40,880 Ukoll, jekk dan jgħin, think dwar dan fl-ewwel tip 198 00:09:40,880 --> 00:09:44,540 ta 'prodotti simili struttura C jew Istituzzjonjijiet li aħna stajt tgħallmu dwar qabel. 199 00:09:44,540 --> 00:09:47,430 Fil C, struttura fiha f'numru ta 'oqsma, 200 00:09:47,430 --> 00:09:51,174 u forsi aħna issa jistgħu jibdew sejħa dawn il-proprjetajiet oqsma. 201 00:09:51,174 --> 00:09:53,590 Iżda l-proprjetajiet qatt verament toqgħod fuq tagħhom stess, id-dritt? 202 00:09:53,590 --> 00:09:56,410 Jekk I jiddefinixxu struttura għal karozza bħal dan li ġej tnejn 203 00:09:56,410 --> 00:10:00,750 oqsma jew il-proprjetajiet, wieħed numru sħiħ għas-sena tal-karozza 204 00:10:00,750 --> 00:10:04,290 u karattru ieħor 10 string għall-mudell tal-karozza, 205 00:10:04,290 --> 00:10:07,150 Nista 'ngħid xi ħaġa bħal din, I tista 'tiddikjara varjabbli ġdida 206 00:10:07,150 --> 00:10:10,080 tat-tip Herbie karozza Istituzzjonjijiet. 207 00:10:10,080 --> 00:10:13,730 U allura nista 'ngħid xi ħaġa bħal herbie.year ugwali 1963, 208 00:10:13,730 --> 00:10:15,850 u herbie.model ugwali Beetle. 209 00:10:15,850 --> 00:10:17,000 Li OK. 210 00:10:17,000 --> 00:10:19,680 Jien jużaw l-oqsma fil- kuntest tal-istruttura, 211 00:10:19,680 --> 00:10:22,290 imma I jistgħu qatt biss ngħid xi ħaġa bħal din. 212 00:10:22,290 --> 00:10:22,790 Dritt? 213 00:10:22,790 --> 00:10:26,836 I ma tistax tuża l-isem qasam indipendenti mill-istruttura. 214 00:10:26,836 --> 00:10:28,210 Huwa tip ta 'ħaġa fundamentali. 215 00:10:28,210 --> 00:10:32,990 >> Allura oqsma jkunu fundamentali għall-istrutturi C 216 00:10:32,990 --> 00:10:39,050 huma simili ħafna għall-proprjetajiet jkunu fundamentali biex JavaScript oġġetti. 217 00:10:39,050 --> 00:10:42,080 Imma dak li jagħmel lilhom partikolarment interessanti 218 00:10:42,080 --> 00:10:46,230 huwa li l-oġġetti jista 'jkollhom ukoll dak huma msejħa metodi, li verament 219 00:10:46,230 --> 00:10:50,730 biss kelma fancy għall-funzjonijiet li huma inerenti għall-oġġett kif ukoll. 220 00:10:50,730 --> 00:10:55,340 Allura huwa funzjoni li tista 'tkun biss imsejjaħ fil-kuntest ta 'oġġett. 221 00:10:55,340 --> 00:10:59,200 Biss oġġett li jkun definit din il-funzjoni ġewwa tal tagħha, 222 00:10:59,200 --> 00:11:02,020 jekk taħseb dwar Struct, il-funzjoni 223 00:11:02,020 --> 00:11:05,720 hija definita ġewwa dawk li jiddefinixxu ċingi kaboċċi ta 'l-istruttura. 224 00:11:05,720 --> 00:11:07,980 Għalhekk ifisser biss xi ħaġa l-istruttura. 225 00:11:07,980 --> 00:11:10,960 U dan huwa tip ta 'dak li aħna qed tagħmel hawn ma 'oġġetti u l-metodi. 226 00:11:10,960 --> 00:11:13,580 Huwa bażikament simili aħna qed tiddefinixxi funzjoni li 227 00:11:13,580 --> 00:11:16,670 tagħmel sens biss fuq partikolari oġġett, u hekk aħna 228 00:11:16,670 --> 00:11:19,440 sejħa li metodu ta 'l-oġġett. 229 00:11:19,440 --> 00:11:23,180 U aħna qatt ma tista 'sejħa li funzjoni indipendenti mill-oġġett, 230 00:11:23,180 --> 00:11:29,260 bħad ma nistgħux ngħidu sena jew mudell indipendenti mill-Istituzzjonjijiet fil C. 231 00:11:29,260 --> 00:11:32,300 >> Programmazzjoni hekk funzjonali mudelli tfittex xi ħaġa bħal din. 232 00:11:32,300 --> 00:11:35,450 Funzjoni u mbagħad meta inti tgħaddi fl-oġġett bħala parametru. 233 00:11:35,450 --> 00:11:38,650 Fi programmazzjoni oġġett orjentati lejn lingwi, dan it-tip ta 'gets 234 00:11:38,650 --> 00:11:43,464 flipped, u aħna ser jaħseb dwar dan bħal dan, object.function. 235 00:11:43,464 --> 00:11:45,380 Għalhekk tip ta 'dak dot operatur ġdid li jimplika 236 00:11:45,380 --> 00:11:49,540 li huwa xi tip ta 'proprjetà jew attribut tal-oġġett innifsu. 237 00:11:49,540 --> 00:11:53,240 Imma dan huwa dak oġġett lingwa ta 'programmar orjentati 238 00:11:53,240 --> 00:11:57,150 tista 'tagħmel biex jagħmlu funzjoni sejħa fuq metodu, għal darb'oħra, li 239 00:11:57,150 --> 00:12:00,260 hija biss kelma speċjali għal funzjoni li huwa inerenti għal oġġett. 240 00:12:00,260 --> 00:12:03,440 Dan huwa dak li sintassi jista 'dehra. 241 00:12:03,440 --> 00:12:09,360 U hekk aħna ser tibda tara xi wħud mill dan fil-kuntest ta 'JavaScript. 242 00:12:09,360 --> 00:12:12,470 >> Tista 'ukoll jaħsbu dwar oġġett tip simili firxa assoċjattiva, 243 00:12:12,470 --> 00:12:14,160 li aħna qed familjari mal mit PHP. 244 00:12:14,160 --> 00:12:17,720 Ftakar firxa assoċjattiva tippermetti li jkollna pari b'valur ewlenin, minflok 245 00:12:17,720 --> 00:12:23,040 ta 'wara indiċi 0, wieħed, tnejn, tlieta, u l-bqija simili aħna qed jintużaw biex minn C 246 00:12:23,040 --> 00:12:23,940 arrays. 247 00:12:23,940 --> 00:12:27,472 Arrays assoċjazzjoni tista Mappa kliem, bħal fil-video PHP, 248 00:12:27,472 --> 00:12:29,180 konna nitkellmu dwar uċuħ ta 'pizez. 249 00:12:29,180 --> 00:12:31,180 U hekk kellna firxa imsejħa pizez, u aħna 250 00:12:31,180 --> 00:12:36,670 ġobon kellhom kien importanti u $ 8.99 kien l- valur, u mbagħad pepperoni kien ewlenin, 251 00:12:36,670 --> 00:12:39,190 9.99 $ kien valur, u l-bqija. 252 00:12:39,190 --> 00:12:43,300 U hekk aħna jista 'jaħseb ukoll madwar joġġezzjonaw tip ta simili għal assoċjattiva 253 00:12:43,300 --> 00:12:43,840 firxa. 254 00:12:43,840 --> 00:12:47,020 U hekk dan sintassi hawn toħloq oġġett ġdid 255 00:12:47,020 --> 00:12:50,950 imsejħa Herbie b'żewġ proprjetajiet ġewwa ta 'dan. 256 00:12:50,950 --> 00:12:57,310 Sena, li huwa assenjat il-valur 1963, u l-mudell, li huwa assenjat il-sekwenza 257 00:12:57,310 --> 00:12:58,140 Beetle. 258 00:12:58,140 --> 00:13:01,770 >> U tinnota hawnhekk li jien jużaw kwotazzjonijiet uniku fil JavaScript. 259 00:13:01,770 --> 00:13:05,570 Tista 'tuża kwotazzjonijiet wieħed jew doppju meta inti qed jitkellem dwar kordi. 260 00:13:05,570 --> 00:13:07,772 Huwa biss b'mod konvenzjonali il-każ li ħinijiet l-aktar 261 00:13:07,772 --> 00:13:10,230 meta int bil-miktub JavaScript, inti biss tuża kwotazzjonijiet uniku. 262 00:13:10,230 --> 00:13:15,050 Imma I jistgħu jużaw kwotazzjonijiet doppja hawn, u li jkun perfettament multa kif ukoll. 263 00:13:15,050 --> 00:13:17,470 >> Mela ftakar kif fil PHP kellna dan il-kunċett 264 00:13:17,470 --> 00:13:22,730 ta 'kull linja li nkunu nistgħu li jtenni fuq kull tal-valur ċavetta 265 00:13:22,730 --> 00:13:25,270 pari ta 'assoċjattiva firxa, għaliex aħna 266 00:13:25,270 --> 00:13:29,050 ma kellhomx din il-ħila li jtenni permezz 0, wieħed, tnejn, tlieta, erba, 267 00:13:29,050 --> 00:13:30,710 u l-bqija? 268 00:13:30,710 --> 00:13:35,010 JavaScript għandu xi ħaġa simili ħafna, iżda mhux msejjaħ għal kull loop, 269 00:13:35,010 --> 00:13:38,960 huwa msejjaħ fl loops. 270 00:13:38,960 --> 00:13:42,890 Mela jekk jien qal lili bħal dan, għal ċavetta var fil-għan, 271 00:13:42,890 --> 00:13:48,670 dan huwa tip ta 'simili għal qal għal kull ħaġa bħala xi ħaġa. 272 00:13:48,670 --> 00:13:53,850 Imma kollha li qed nagħmel hawn hija mtennija kollha permezz ta 'l-ċwievet ta' oġġett tiegħi. 273 00:13:53,850 --> 00:13:56,070 U ġewwa tal-kaboċċi ċingi hemm, nixtieq 274 00:13:56,070 --> 00:14:03,410 jużaw oġġett parentesi kwadri ċavetta biex jirreferi għall-valur f'dak il-post ewlieni. 275 00:14:03,410 --> 00:14:05,400 >> Alternattivament, hemm anke ieħor approċċ. 276 00:14:05,400 --> 00:14:10,880 Jekk I biss biss jimpurtak mill- Valuri, nista 'ngħid għal ewlenija ta' oġġett, 277 00:14:10,880 --> 00:14:12,360 u biss użu ewlieni ġewwa. 278 00:14:12,360 --> 00:14:17,240 Allura għal ċavetta var fil-għan, għandi għall-użu parentesi kwadri oġġett 279 00:14:17,240 --> 00:14:19,340 ewlieni ġewwa l-linja. 280 00:14:19,340 --> 00:14:24,580 Għal ewlieni var ta oġġett, nista ' biss tuża ċavetta ġewwa l-loop, 281 00:14:24,580 --> 00:14:29,040 għaliex jien biss speċifikament jitkellem dwar il-valuri hemmhekk. 282 00:14:29,040 --> 00:14:32,630 >> Mela ejja forsi tieħu tħares lejn id-differenza 283 00:14:32,630 --> 00:14:35,670 biss biex turi li inti malajr id-differenza bejn erba 284 00:14:35,670 --> 00:14:40,730 fi u għal ta bi speċifiku ħafna array, li għandna hawnhekk, firxa ġimgħa. 285 00:14:40,730 --> 00:14:43,616 So I jkollhom isibu firxa ġdida I mimlija ma 'seba' kordi, 286 00:14:43,616 --> 00:14:46,240 It-Tnejn, it-Tlieta, l-Erbgħa, Il-Ħamis, il-Ġimgħa, is-Sibt, il-Ħadd. 287 00:14:46,240 --> 00:14:50,530 U nixtieq li issa jtenni permezz ta 'dan array, 288 00:14:50,530 --> 00:14:53,090 stampar ta 'ċerta informazzjoni. 289 00:14:53,090 --> 00:14:58,780 Jekk I jużaw fl loop biex jistampa l-informazzjoni, 290 00:14:58,780 --> 00:15:00,710 x'taħseb li jien ser tikseb? 291 00:15:00,710 --> 00:15:01,710 Well, ejja tagħti ħarsa. 292 00:15:01,710 --> 00:15:05,300 U qabel we tiżdied fuq tieqa browser tiegħi, 293 00:15:05,300 --> 00:15:08,090 biss jafu li console.log huwa tip ta 'waħda 294 00:15:08,090 --> 00:15:10,630 mod ta 'kif isir print F fl JavaScript. 295 00:15:10,630 --> 00:15:12,040 Imma x'inhi l-console? 296 00:15:12,040 --> 00:15:14,940 Ukoll, dan huwa dak li aħna qed tmur li jmorru tagħti ħarsa lejn id-dritt issa. 297 00:15:14,940 --> 00:15:16,850 >> OK, hekk aħna qed lura hawn tieqa browser tiegħi, 298 00:15:16,850 --> 00:15:19,410 u jien ser tiftaħ up għodod iżviluppatur tiegħi. 299 00:15:19,410 --> 00:15:22,290 Għal darb'oħra, jien biss laqtu F12 biex jiftħu għodod iżviluppatur. 300 00:15:22,290 --> 00:15:25,670 U tinnota li hawn fil- top Stajt console magħżula. 301 00:15:25,670 --> 00:15:28,480 Allura dan huwa l-kunċett ta 'żviluppatur console, 302 00:15:28,480 --> 00:15:30,500 u se jippermettilna naslu biex jistampa informazzjoni out, 303 00:15:30,500 --> 00:15:33,000 tip ta bħall-terminal, iżda kif tkun taf tara ftit aktar tard, 304 00:15:33,000 --> 00:15:37,720 nistgħu wkoll tip ta 'informazzjoni fil li jinteraġixxu ma 'web page tagħna. 305 00:15:37,720 --> 00:15:42,320 Jien ser zoom ftit hawn, u jien gonna issa ikklikkja fuq għal test. 306 00:15:42,320 --> 00:15:45,230 U erba 'fil test-- M'inix gonna juruk l-kodiċi għal dan id-dritt issa, 307 00:15:45,230 --> 00:15:47,479 imma int ser tingħata jekk inti tniżżel il-kodiċi tas-sors li 308 00:15:47,479 --> 00:15:50,380 huwa assoċjat ma 'dan video-- huwa biss li fl loop 309 00:15:50,380 --> 00:15:52,610 li rajna biss tieni ilu fuq il-pjastra. 310 00:15:52,610 --> 00:15:54,810 >> Hekk jien gonna ikklikkja li buttuna, u minn hawn, 311 00:15:54,810 --> 00:15:58,440 hawn hu dak li stampata fl- console, 0, wieħed, tnejn, tlieta, erba ', ħames, 312 00:15:58,440 --> 00:15:58,940 sitta. 313 00:15:58,940 --> 00:16:02,490 I ma jistampa l-informazzjoni ġewwa f'dawk il-postijiet array, 314 00:16:02,490 --> 00:16:05,180 minħabba I użati fid loop. 315 00:16:05,180 --> 00:16:10,670 U ġewwa l-korp tal-linja, I biss stampata ċavetta ma toġġezzjonax ċavetta. 316 00:16:10,670 --> 00:16:18,600 Imma jekk jien issa ċar tiegħi console, u I jaqilbu għal għal ta 'test, u erba' testijiet 317 00:16:18,600 --> 00:16:22,500 I say I użu għal loop tal minflok u jistampa ewlenin, 318 00:16:22,500 --> 00:16:28,079 jekk I ikklikkja li, issa jien jkollna l Elementi attwali ġewwa tal-oġġett tiegħi 319 00:16:28,079 --> 00:16:29,120 jew array tiegħi f'dan il-każ. 320 00:16:29,120 --> 00:16:31,760 Firxa tiegħi ta 'jiem fil-ġimgħa. 321 00:16:31,760 --> 00:16:33,480 I stampata Tnejn, IT-TLIETA, l-Erbgħa. 322 00:16:33,480 --> 00:16:36,930 Allura dak id-differenza bejn a fil loop, li tistampa 323 00:16:36,930 --> 00:16:43,410 biss il-keys jekk inti biss tuża ċavetta ġewwa tal-ġisem tal-linja, 324 00:16:43,410 --> 00:16:46,850 u għall ta loop, li prints il-valuri jekk inti tuża biss 325 00:16:46,850 --> 00:16:48,870 ewlieni ġewwa l-korp tal-linja. 326 00:16:48,870 --> 00:16:52,380 >> Dritt kollox, kif nistgħu issa tibda concatenate kordi u forsi ħallat 327 00:16:52,380 --> 00:16:57,220 xi varjabbli ma interpolazzjoni bħal konna kapaċi li jagħmlu fil PHP? 328 00:16:57,220 --> 00:16:59,410 Well, aħna qed pretty familjari ma 'dan mill-PHP. 329 00:16:59,410 --> 00:17:04,109 Dan huwa kif aħna se tagħmel dan billi tuża l- dot operatur concatenate kordi. 330 00:17:04,109 --> 00:17:06,260 Fil JavaScript, għalkemm, aħna attwalment jużaw xi ħaġa 331 00:17:06,260 --> 00:17:09,290 imsejjaħ l-operatur plus, li huwa forsi anki ftit aktar 332 00:17:09,290 --> 00:17:10,470 intuwittivi, id-dritt? 333 00:17:10,470 --> 00:17:12,609 Aħna qed żżid mazz ta 'spag flimkien. 334 00:17:12,609 --> 00:17:14,520 Mela ejja ras lura fuq u tara dak li dan 335 00:17:14,520 --> 00:17:18,693 se print jekk aħna qed jippruvaw jistampa l-informazzjoni kollha fil-firxa ġimgħa. 336 00:17:18,693 --> 00:17:20,859 Dritt kollox, dan taħt hawn taħt konkatenazzjoni sekwenza, 337 00:17:20,859 --> 00:17:24,822 Għandi żewġ għażliet, bini string V1 u mbagħad bini string V2. 338 00:17:24,822 --> 00:17:26,530 U aħna ser tara għaliex aħna bżonn V2 fit-tieni. 339 00:17:26,530 --> 00:17:28,610 Imma jien gonna ikklikkja fuq V1 bini string, li 340 00:17:28,610 --> 00:17:30,360 huwa l-kodiċi konna biss tieħu ħarsa lejn, 341 00:17:30,360 --> 00:17:32,980 l console.log kollha tal-pluses. 342 00:17:32,980 --> 00:17:35,910 Ejja naraw jekk dan prints barra dak li nistennew. 343 00:17:35,910 --> 00:17:39,939 >> It-tnejn huwa numru jum 01 tal-ġimgħa, Tlieta tkun numru jum 11 tal-ġimgħa. 344 00:17:39,939 --> 00:17:41,730 Well, dak I kien qed jipprova tagħmel kien hemm nikseb 345 00:17:41,730 --> 00:17:46,280 li jistampa it-tnejn huwa numru ġurnata waħda, it-Tlieta huwa numru jumejn. 346 00:17:46,280 --> 00:17:50,140 Iżda jidher li huwa simili jien dejjem stampar ta wieħed. 347 00:17:50,140 --> 00:17:51,260 Well, għaliex huwa li? 348 00:17:51,260 --> 00:17:55,600 Ukoll, jirriżulta, jieħdu ieħor ħarsa f'dan snippet ftit tal-kodiċi hawn. 349 00:17:55,600 --> 00:18:00,160 Avviż li aħna qed jużaw il-plus operatur f'żewġ kuntesti differenti. 350 00:18:00,160 --> 00:18:03,221 >> U hekk hawn fejn forsi l-affarijiet li konna tip ta 'kien qal, 351 00:18:03,221 --> 00:18:03,970 oh, huwa hekk kbir. 352 00:18:03,970 --> 00:18:05,910 Aħna ma jittrattawx ma 'tipi ta' dejta aktar. 353 00:18:05,910 --> 00:18:08,220 Iżda hawn fejn il-fatt li aħna jitilfu tipi ta 'data 354 00:18:08,220 --> 00:18:10,960 jista 'attwalment jiġi daqsxejn ta 'problema għalina. 355 00:18:10,960 --> 00:18:16,260 Issa li l-operatur plus huwa użat biex concatenate kordi u żid in-numri 356 00:18:16,260 --> 00:18:19,550 flimkien, JavaScript għandha jagħmlu l-aħjar raden tagħha 357 00:18:19,550 --> 00:18:22,030 dwar dak li nixtieq li tagħmel għalija. 358 00:18:22,030 --> 00:18:23,900 U f'dan il-każ, guessed ħażin. 359 00:18:23,900 --> 00:18:29,340 Hija ġurnata biss concatenated, li jkun 0, wieħed, tnejn, tlieta, erba ', ħames, sitt jew, 360 00:18:29,340 --> 00:18:32,060 u allura biss concatenated li u mbagħad concatenated wieħed. 361 00:18:32,060 --> 00:18:35,020 Hija ma attwalment żidhom flimkien. 362 00:18:35,020 --> 00:18:37,320 U hekk dawn il-lingwi, PHP u JavaScript, 363 00:18:37,320 --> 00:18:39,196 li astratti bogħod dan il-kunċett ta 'tipi, 364 00:18:39,196 --> 00:18:40,820 inti ma għandekx biex jittrattaw dan aktar. 365 00:18:40,820 --> 00:18:43,600 Huma xorta għandhom tipi taħt il-barnuża. 366 00:18:43,600 --> 00:18:46,780 U nistgħu, f'sitwazzjonijiet bħal dan, lieva dak il-fatt 367 00:18:46,780 --> 00:18:49,240 billi qal xi ħaġa bħal forsi dan, li 368 00:18:49,240 --> 00:18:53,210 huwa javżak JavaScript, mill- mod, jittratta dan bħala numru sħiħ, 369 00:18:53,210 --> 00:18:57,100 ma titratta dan bħala string, anki għalkemm aħna qed taħlit flimkien kordi 370 00:18:57,100 --> 00:18:58,940 u interi hawn. 371 00:18:58,940 --> 00:19:02,204 >> Huwa biss wieħed minn dawk l-affarijiet li jidher daqshekk kbira fil-kuntest 372 00:19:02,204 --> 00:19:04,120 li aħna ma jkollhomx biex jittrattaw tipi aktar, 373 00:19:04,120 --> 00:19:05,828 imma xi kultant inti ser run fis-sitwazzjoni 374 00:19:05,828 --> 00:19:09,110 eżattament bħal dan fejn il-fatt li inti ma għandekx kontroll fuq tipi 375 00:19:09,110 --> 00:19:11,220 jista 'backfire fuqek jekk int ma attenta. 376 00:19:11,220 --> 00:19:18,285 U hekk jekk aħna pop lura lill IDE, jien ser ċar l my console ġdid, 377 00:19:18,285 --> 00:19:20,660 u jien ser ikklikkja string bini verżjoni tnejn, li 378 00:19:20,660 --> 00:19:23,052 huwa fejn I użu dik il-funzjoni int parse. 379 00:19:23,052 --> 00:19:25,260 Issa huwa istampar out informazzjoni li jien jistennew. 380 00:19:25,260 --> 00:19:29,330 Numru jum wieħed nhar it-Tnejn, it-Tlieta huwa numru jumejn, u l-bqija. 381 00:19:29,330 --> 00:19:31,170 >> Mela ejja nitkellmu dwar funzjonijiet ġdid. 382 00:19:31,170 --> 00:19:34,790 I wiegħed aħna se nitkellmu dwar anonima funzjonijiet, u issa l-kuntest għal dak 383 00:19:34,790 --> 00:19:36,360 fl-aħħar wasal. 384 00:19:36,360 --> 00:19:39,980 Allura qabel nagħmlu hekk, ejja nitkellmu darb'oħra dwar arrays għal ftit tieni. 385 00:19:39,980 --> 00:19:42,120 Allura arrays huma speċjali każ ta 'oġġett. 386 00:19:42,120 --> 00:19:45,180 Fil-fatt, kollox fid JavaScript huwa attwalment oġġett. 387 00:19:45,180 --> 00:19:47,190 Allura funzjonijiet huma każ speċjali ta 'oġġett, 388 00:19:47,190 --> 00:19:49,770 interi huma speċjali każ ta 'oġġett, 389 00:19:49,770 --> 00:19:52,152 iżda arrays speċifikament għandhom numru ta 'metodi. 390 00:19:52,152 --> 00:19:55,110 Ftakar għaliex qed oġġetti, dawn jista 'jkollhom proprjetajiet u l-metodi. 391 00:19:55,110 --> 00:19:58,600 Huma għandhom numru ta 'metodi li jistgħu jiġu applikati għal dawk l-oġġetti. 392 00:19:58,600 --> 00:20:01,197 Hemm metodu msejjaħ daqs, array.size, 393 00:20:01,197 --> 00:20:03,030 li se terġa 'lura għal inti kif inti tista 'tistenna 394 00:20:03,030 --> 00:20:05,120 in-numru ta 'elementi fil-firxa tiegħek. 395 00:20:05,120 --> 00:20:08,480 array.pop, tip simili kunċett tagħna ta 'popping off 396 00:20:08,480 --> 00:20:11,110 ta 'ċumnija, jekk inti recall minn stacks video tagħna, 397 00:20:11,110 --> 00:20:13,810 tneħħi l-aħħar element mill-firxa. 398 00:20:13,810 --> 00:20:17,110 array.push żżid element ġdid l-aħħar ta 'firxa. 399 00:20:17,110 --> 00:20:20,910 array.shift huwa tip ta bħal DQ, it splices out 400 00:20:20,910 --> 00:20:23,610 l-ewwel element ta 'firxa. 401 00:20:23,610 --> 00:20:27,549 >> Iżda hemm ukoll ieħor speċjali metodu ta 'firxa imsejħa mappa. 402 00:20:27,549 --> 00:20:29,340 U dan huwa tip ta ' kunċett interessanti. 403 00:20:29,340 --> 00:20:30,930 Allura x'inhi l-idea ta 'mappa? 404 00:20:30,930 --> 00:20:33,880 Int ser ikollok attwalment tara dan f'diversi lingwi oħra, 405 00:20:33,880 --> 00:20:38,550 u aħna mhux qed jitkellem dwar tip ta 'cartographers mappa hawn, 406 00:20:38,550 --> 00:20:41,480 aħna qed jitkellem dwar funzjoni mapping. 407 00:20:41,480 --> 00:20:44,110 Fil-kuntest aħna jitkellem dwar hawn, mappa 408 00:20:44,110 --> 00:20:47,950 hija operazzjoni aħna speċjali jistgħu jwettqu fuq firxa 409 00:20:47,950 --> 00:20:51,630 li japplikaw funzjoni partikolari għal kull element ta 'dik array. 410 00:20:51,630 --> 00:20:55,190 u hekk aħna ngħid fil F'dan il-każ, forsi array.map, 411 00:20:55,190 --> 00:21:00,330 u ġewwa ta 'dan, aħna qed tgħaddi fi Mappa hija funzjoni li rridu 412 00:21:00,330 --> 00:21:02,430 li għandhom jiġu applikati għal kull element wieħed. 413 00:21:02,430 --> 00:21:07,299 Allura huwa tip ta 'analogi għall-użu a loop li jtenni fuq kull element 414 00:21:07,299 --> 00:21:09,340 u japplikaw partikolari jiffunzjonaw għal kull element, 415 00:21:09,340 --> 00:21:14,830 biss JavaScript tkun din mibnija kunċett ta 'mapping li jistgħu jiġu applikati. 416 00:21:14,830 --> 00:21:19,700 U dan huwa il-kuntest tajjeb ħafna biex jitkellmu dwar funzjoni anonima. 417 00:21:19,700 --> 00:21:22,370 >> Mela ejja ngħidu li għandna dan firxa ta 'numri interi. 418 00:21:22,370 --> 00:21:25,370 Huwa sejjaħ nums, u huwa ltqajna ħames affarijiet fih, wieħed, tnejn, tlieta, erba, 419 00:21:25,370 --> 00:21:26,410 ħamsa. 420 00:21:26,410 --> 00:21:30,620 Issa nixtieq li mappa xi funzjoni fuq din array. 421 00:21:30,620 --> 00:21:34,337 Irrid li jkollhom japplikaw funzjoni għal kull element ta 'l-array. 422 00:21:34,337 --> 00:21:37,420 Well, ejja ngħidu li dak li nixtieq tagħmel huwa biss tirdoppja l-elementi kollha. 423 00:21:37,420 --> 00:21:42,520 What I tista 'tagħmel huwa biss tuża loop għall var I ugwali 0, I huwa inqas minn 424 00:21:42,520 --> 00:21:47,390 jew ugwali għal 4, I plus, plus, u imbagħad doppja kull numru uniku. 425 00:21:47,390 --> 00:21:49,580 Imma I tista 'ukoll tagħmel xi ħaġa bħal din. 426 00:21:49,580 --> 00:21:53,420 Nista 'ngħid nums kienet preċedentement wieħed, tnejn, tlieta, erba ', ħames, 427 00:21:53,420 --> 00:21:58,310 issa, għalkemm, nixtieq li inti japplikaw immappjar fuq dan array 428 00:21:58,310 --> 00:22:00,400 fejn nixtieq li inti li tirdoppja kull numru. 429 00:22:00,400 --> 00:22:02,540 U dan huwa eżattament dak li qed jiġri hawn. 430 00:22:02,540 --> 00:22:06,870 Imma avviż dak li jien tgħaddi fil bħala l-argument biex iħażżu. 431 00:22:06,870 --> 00:22:09,080 Din hija funzjoni anonimu. 432 00:22:09,080 --> 00:22:11,140 U Avviż I ma jkunux taw din il-funzjoni ta 'isem, 433 00:22:11,140 --> 00:22:13,290 Stajt biss taha lista parametru. 434 00:22:13,290 --> 00:22:16,370 U għalhekk dan huwa eżempju ta 'funzjoni anonima. 435 00:22:16,370 --> 00:22:21,270 >> Aħna ġeneralment qatt kieku ssejjaħ dan funzjoni barra mill-kuntest ta 'mappa. 436 00:22:21,270 --> 00:22:24,110 Aħna qed tiddefinixxi bħala parametru biex jidentifikaw, u hekk aħna ma verament 437 00:22:24,110 --> 00:22:27,910 jeħtieġ li jkollu isem għaliha jekk il- unika ħaġa li jimpurtaha dwar huwa Mappa 438 00:22:27,910 --> 00:22:30,339 u huwa definit dritt hemm ġewwa tal-mappa. 439 00:22:30,339 --> 00:22:31,880 U għalhekk dan huwa funzjoni anonimu. 440 00:22:31,880 --> 00:22:34,680 Aħna ma kinux kapaċi biex jagħmlu dan qabel. 441 00:22:34,680 --> 00:22:38,400 Mappa xi funzjoni li taċċetta parametru wieħed, num, 442 00:22:38,400 --> 00:22:41,890 u dak li l-funzjoni ma huwa prospetti NUM ħinijiet 2. 443 00:22:41,890 --> 00:22:45,330 U hekk wara dan mapping tkun ġiet applikata, 444 00:22:45,330 --> 00:22:50,090 issa dan huwa dak nums jistenna simili, ġimagħtejn, erba, sitta, tmienja, 10. 445 00:22:50,090 --> 00:22:52,090 U aħna ser pop quddiem għall tiegħi tieqa browser u biss 446 00:22:52,090 --> 00:22:55,240 tagħti ħarsa lejn din verament malajr ukoll. 447 00:22:55,240 --> 00:22:58,000 >> So I jkollhom ieħor buttuna hawn fil-home page tiegħi imsejħa doppja. 448 00:22:58,000 --> 00:23:03,570 U meta I ikklikkja doppja, u jgħidlekx me qabel kien wieħed, tnejn, tlieta, erba, 449 00:23:03,570 --> 00:23:07,250 ħamsa wara żewġ, erba ', sitt, tmien, 10. 450 00:23:07,250 --> 00:23:11,930 U jekk immur lura u kklikkja double għal darb'oħra, ġimagħtejn, erba, sitta, tmienja, 10. 451 00:23:11,930 --> 00:23:17,400 U mbagħad wara, erba, tmienja, 12, 16, u mbagħad 20. 452 00:23:17,400 --> 00:23:20,440 U dak am I tagħmel f'dan funzjoni? 453 00:23:20,440 --> 00:23:25,210 Ukoll, jekk aħna biss pop quddiem għall IDE, u I pull up funzjoni anonima tiegħi, hawnhekk 454 00:23:25,210 --> 00:23:28,780 on line seba permezz 13, jien tagħmel ftit xogħol fancy hawn, 455 00:23:28,780 --> 00:23:32,240 imma jien biss istampar out x'hemm bħalissa fil-firxa. 456 00:23:32,240 --> 00:23:36,580 Imbagħad fuq il-linja 16, 17, u 18, hemm mappa tiegħi. 457 00:23:36,580 --> 00:23:40,930 Dan huwa fejn I m applikat dan irduppjar funzjoni li kull element wieħed. 458 00:23:40,930 --> 00:23:43,530 U mbagħad ftit aktar 'l isfel, Jien biss tagħmel l-istess ħaġa 459 00:23:43,530 --> 00:23:46,640 I kienet tagħmel qabel, ħlief issa jien stampar ta-kontenut tal-firxa 460 00:23:46,640 --> 00:23:48,167 wara. 461 00:23:48,167 --> 00:23:50,500 Imma kull I ghamilt hawnhekk huwa biss l-użu funzjoni anonimu 462 00:23:50,500 --> 00:23:53,640 Mappa madwar firxa sħiħa. 463 00:23:53,640 --> 00:23:58,466 >> Allura suġġett wieħed aktar kbar biex jitkellmu dwar fil JavaScript huwa l-kunċett ta 'avveniment. 464 00:23:58,466 --> 00:24:01,590 Avveniment hija xi ħaġa li jiġri biss meta utent jinteraġixxi ma 'web tiegħek 465 00:24:01,590 --> 00:24:04,715 paġna, hekk forsi ikklikkja xi ħaġa, jew forsi il-paġna huwa lest tagħbija, 466 00:24:04,715 --> 00:24:07,200 jew forsi li ħadthom mċaqalqa ġurdien tagħhom fuq xi ħaġa, 467 00:24:07,200 --> 00:24:09,290 jew li ħadthom ittajpjat xi ħaġa f'qasam input. 468 00:24:09,290 --> 00:24:14,260 Kollha ta 'dawn l-affarijiet huma avvenimenti li qed iseħħu fuq il-paġna web tagħna. 469 00:24:14,260 --> 00:24:17,460 U JavaScript għandha l- kapaċità li ssostni xi ħaġa 470 00:24:17,460 --> 00:24:21,760 imsejħa avveniment handler, li hija funzjoni callback li 471 00:24:21,760 --> 00:24:23,329 jirrispondi għal ġrajja html. 472 00:24:23,329 --> 00:24:24,620 U x'hemm funzjoni callback? 473 00:24:24,620 --> 00:24:27,328 Ukoll, huwa ġeneralment biss ieħor isem għal funzjoni anonima. 474 00:24:27,328 --> 00:24:30,170 Huwa funzjoni li jirrispondi għal ġrajja. 475 00:24:30,170 --> 00:24:34,130 U dan huwa fejn aħna waslet għall- idea ta 'ċerti funzjonijiet jorbtu 476 00:24:34,130 --> 00:24:38,060 għal attribut html partikolari. 477 00:24:38,060 --> 00:24:41,420 Elementi html Ħafna appoġġ għal attribut 478 00:24:41,420 --> 00:24:45,170 li aħna ma nitkellmu dwar fil-html video għal xi ħaġa bħal ikklikkja fuq 479 00:24:45,170 --> 00:24:50,540 jew fuq imbagħad jerġgħu jew fuq it-tagħbija, kollha ta 'dawn l-avvenimenti 480 00:24:50,540 --> 00:24:53,120 li inti tista 'mbagħad jiktbu funzjonijiet li jittrattaw ma 'dawk l-avvenimenti 481 00:24:53,120 --> 00:24:56,090 meta dawk l-avvenimenti jseħħu fil-paġna web tiegħek. 482 00:24:56,090 --> 00:24:59,170 >> U hekk forsi html tiegħek jistenna xi ħaġa bħal din. 483 00:24:59,170 --> 00:25:02,240 U Għandi żewġ buttuni hawn, wieħed buttuna u buttuna tnejn, 484 00:25:02,240 --> 00:25:04,620 u hawn I bħalissa għandhom xejn definiti, 485 00:25:04,620 --> 00:25:11,170 iżda dan huwa fejn l-attribut fuq ikklikkja hija apparentement parti mill html tag tiegħi. 486 00:25:11,170 --> 00:25:15,220 So apparentement meta I jiddefinixxu x'hemm jiġri ġewwa ta 'dak l-attribut, 487 00:25:15,220 --> 00:25:18,590 li għaddej biex jkun hemm xi JavaScript funzjoni li twieġeb għall-avveniment 488 00:25:18,590 --> 00:25:24,360 preżumibbilment tal tikklikkja fuq buttuna waħda jew buttuna tnejn. 489 00:25:24,360 --> 00:25:28,580 >> Liema tip ta 'kessaħ dwar dan hija aħna jista 'jikteb handler avveniment ġenerika. 490 00:25:28,580 --> 00:25:32,370 U dan l-avveniment Handler se toħloq avveniment oġġett. 491 00:25:32,370 --> 00:25:37,000 U l-avveniment oġġett se jgħidulna liema miż-żewġ buttuni kien għafast. 492 00:25:37,000 --> 00:25:38,064 Issa kif ma dak ix-xogħol? 493 00:25:38,064 --> 00:25:39,730 Ukoll, jista 'tfittex xi ħaġa bħal din. 494 00:25:39,730 --> 00:25:44,860 Allura aħna ewwel se jiddefinixxi buttuni tagħna li jkollhom rispons għall-callback 495 00:25:44,860 --> 00:25:47,470 funzjoni li se tissejjaħ meta l-buttuna hija għafast, 496 00:25:47,470 --> 00:25:49,520 aħna ser sejħa avveniment isem allert. 497 00:25:49,520 --> 00:25:53,320 U avviż fiż-żewġ każijiet aħna qed tgħaddi fil dan il-parametru avveniment. 498 00:25:53,320 --> 00:25:55,460 Allura nitolbu din il-funzjoni jew meta din il-funzjoni 499 00:25:55,460 --> 00:26:00,330 huwa triggered minn l-avveniment jiġri, li għaddej biex joħolqu dan l-avveniment oġġett 500 00:26:00,330 --> 00:26:03,300 u tgħaddiha bħala parametru biex twissi isem. 501 00:26:03,300 --> 00:26:07,270 U dak l-avveniment oġġett se jkun fihom informazzjoni 502 00:26:07,270 --> 00:26:09,800 dwar liema buttuna kienet għafast. 503 00:26:09,800 --> 00:26:11,580 U kif ma tagħmel dan? 504 00:26:11,580 --> 00:26:13,654 Ukoll, jista 'tfittex xi ħaġa bħal din. 505 00:26:13,654 --> 00:26:15,570 Allura issa fil separat tiegħi JavaScript fajl, I jista 506 00:26:15,570 --> 00:26:17,420 għandek issib dan funzjoni isem ta 'twissija, li 507 00:26:17,420 --> 00:26:19,500 għal darb'oħra jaċċetta dak il-parametru avveniment. 508 00:26:19,500 --> 00:26:24,640 U allura hawnhekk huwa fejn jien iskoperta li buttuna nbdiet, 509 00:26:24,640 --> 00:26:28,100 grillu var ugwali avveniment element sors dot. 510 00:26:28,100 --> 00:26:33,150 Liema kienet is-sors li ħolqot dan l-avveniment oġġett li kienet għaddiet fl? 511 00:26:33,150 --> 00:26:36,390 Ma kien buttuna waħda jew ma kien buttuna tnejn? 512 00:26:36,390 --> 00:26:40,710 >> U allura hawnhekk l nagħmel huwa stampar ta trigger.innerhtml. 513 00:26:40,710 --> 00:26:43,860 Ukoll, f'dan il-każ, f'dan il- kuntest, trigger.innerhtml 514 00:26:43,860 --> 00:26:45,940 huwa biss dak li huwa miktub fuq il-buttuna. 515 00:26:45,940 --> 00:26:48,830 Huwa biss hekk jiġri jekk aħna jaqbżu lura għat-tieni, li kieku 516 00:26:48,830 --> 00:26:51,670 jkun x'hemm bejn dawk tags buttuna. 517 00:26:51,670 --> 00:26:54,150 Dan se jkun wieħed buttuna jew buttuna tnejn. 518 00:26:54,150 --> 00:26:57,320 U ejja tagħti ħarsa lejn kif dan l-avveniment handler ikun 519 00:26:57,320 --> 00:27:01,080 tfittex jekk kellna dan jibda fil-prattika. 520 00:27:01,080 --> 00:27:03,850 >> Allura l-ewwel nett, inti stajt miftuħa events.js, 521 00:27:03,850 --> 00:27:06,517 li huwa l-fajl JavaScript fejn Għandi definiti din il-funzjoni. 522 00:27:06,517 --> 00:27:08,558 U kif tistgħu taraw, huwa pretty ħafna eżattament dak 523 00:27:08,558 --> 00:27:10,230 aħna biss raw fuq il-pjastra tieni ilu. 524 00:27:10,230 --> 00:27:14,890 U jien se jmorru fuq il- home page aħna kont qed tuża. 525 00:27:14,890 --> 00:27:17,660 U għandi hawn buttuna wieħed u buttuna tnejn. 526 00:27:17,660 --> 00:27:19,820 U jien ser ikklikkja fuq waħda buttuna. 527 00:27:19,820 --> 00:27:23,930 Inti għafast fuq buttuna waħda, jekk inti jista 'tara dritt hawn fit-twissija. 528 00:27:23,930 --> 00:27:25,810 KOLLOX SEW. 529 00:27:25,810 --> 00:27:28,980 Ikklikkja fuq buttuna tnejn, inti għafast fuq buttuna tnejn. 530 00:27:28,980 --> 00:27:32,150 >> Allura kemm buttuni għandhom l- istess sejħa funzjoni, id-dritt? 531 00:27:32,150 --> 00:27:35,840 Huma t-tnejn kienu isem allert avveniment, iżda dan l-avveniment oġġett 532 00:27:35,840 --> 00:27:41,900 li gets maħluqa meta aħna ikklikkja fuq huwa tgħidilna li button kienet għafast. 533 00:27:41,900 --> 00:27:44,650 Aħna ma jkollhom jiktbu żewġ separati funzjonijiet jew titratta ma jkollhom 534 00:27:44,650 --> 00:27:46,470 li jgħaddu kwalunkwe informazzjoni addizzjonali. 535 00:27:46,470 --> 00:27:48,220 Aħna biss jiddependu fuq dak JavaScript se 536 00:27:48,220 --> 00:27:53,772 do għalina, li huwa li jinħoloq li tip ta 'avveniment oġġett f'isimna. 537 00:27:53,772 --> 00:27:56,730 Hemm ħafna aktar biex JavaScript minn dak li konna koperti f'dan il-video, 538 00:27:56,730 --> 00:27:58,521 iżda li dawn fundamentali għandhom jingħataw inti 539 00:27:58,521 --> 00:28:00,690 pjuttost modi twil għall tagħlim kollox inti ser 540 00:28:00,690 --> 00:28:04,030 bżonn tkun taf dwar dan lingwa interessanti. 541 00:28:04,030 --> 00:28:05,000 Jien Doug Lloyd. 542 00:28:05,000 --> 00:28:07,010 Dan huwa CS50. 543 00:28:07,010 --> 00:28:09,181