[Musika jotzen] DOUG LLOYD: Beraz, orain, zahar gaude web programazioa pros, ezta? Eta zuk zenbait estaltzen dugu bideoak banakako hizkuntzetan. Eta orain egin dezagun beste bat gehiago, Javascript utzi. Lehen albiste ona, JavaScript programazio modernoa da Hizkuntza PHP zeinen antzekoak sintaxia da C-tik dator, beraz, leku ona hasiko da. Gisa PHP bezain zaharra, inguru ditu, baita, ondoren 20 urte inguru izan dira. Inguruan asmatu zen PHP bezala, aldi berean. Eta Ikusteko Javascript-a da, benetan polita erabiltzailearen esperientzia funtsezkoa Web la. Izan ere, badira Hiru hizkuntzatan dudala nolakoa litzateke osatzen Erabiltzaile elkarreraginean esperientzia webgunearekin, itsatsi, css, eta Javascript. Eta beraz, gaur egungo eztabaida bat utzi Javascript buruz pixka. Albiste txarrak, nahiz eta, batez Javascript da arau asko ezartzen dela berez, eta, ondoren, horiek hausten da. Eta Ikusteko Javascript-a benetan izan motatako ikasteko erronka, da C ez bezala, zeren eta PHP, horrek oso egituratuta daude eta arau oso zorrotzak gauzak nola lan egin ahal izango da. Javascript ditu mota ahaztuak beraz, malgua Hori, agian, gauzak ez dira joan lan modu horiek espero dugu, eta, agian, ez dugu benetan ezin ikasi Gure lehen programazio hizkuntza Javascript gisa. Beraz, agian ez duelako ezarri arauak, Eta ez du benetan kodeketa ohitura onak betearazteko. Baina orain nik zorionez garatutako kodeketaren ohitura onak, eta beraz, saiakera hasi gaitezke gutxi Javascript sartu pixka bat. Ikusteko Javascript-a, inaugurazio antzekoa idazteko a dot C luzapeneko C fitxategi bat ireki edo PHP dot PHP luzapena duen fitxategi bat, Egin behar dugun guztia da ireki fitxategia dot js fitxategi-luzapena. Ez dugu behar berezirik izan dugun bezala mugatzaileak PHP egin. Angelu moduko hori parentesi galdera ikurra PHP erabiltzen ari gara hori, bidea Gure nabigatzailean esango dugu, daukaguna da Ikusteko Javascript-a barne dago html etiketa bat da, eta ikusiko dugu pixka bat nola egiten den une batean. Horri esker, beste gauza Javascript ezberdinak, nahiz eta, bezero alboko exekutatzen dela. Beraz, PHP gogoratzen ezin izan dugu inoiz benetan ikusi PHP web orri bat azpimarratzen du. Inoiz ikusitako badiogu orriaren iturburua, bakarrik genuke ikusi html zela PHP sortutako. Baina JavaScript exekutatzen bezero aldean. Zure JavaScript zure ordenagailuan exekutatzen. Eta horregatik egin dezakezu Gauzak gustatzen blokeatzaileak gehitu. Eskuin? Ad blokeatzen arabera egin ohi Javascript guztia hil hori bereziki web exekutatzen. Eta hori izan lukeelako Zure makina bezero alboko exekutatu, Besterik ezin duzu gelditu du Erabat martxan Javascript. Hori ere esan nahi denean erabiltzen duzula Web orri bat da, besteak beste JavaScript, Javascript iturburu bidali behar duzu Zure http erantzunaren barnean kodea bezeroari direnean hala eskatzen. Eta beraz, agian ez duzu Ikusteko Javascript-a erabili nahi Gauzak benetan sentikorra egin Informazio pasatuz bezala buruz erabiltzaileen pasahitzak kopiak eta dagozkio, benetan ari dira delako iturburu-kode guztiek jasoko, bat sortzen da, eta ez bakarrik itsatsi du, esate baterako, demagun PHP kasua izango litzateke. Beraz, nola ez, besteak dugu JavaScript Gure itsatsi in hasteko? Beno, CSS antzekoa, benetan, nola egiten dugu hemen moduko da. CSS estilo tags dugu. Eta estilo etiketa horien barruan, CSS estilo orri defini dezakegu. Antzera JavaScript ahal ireki dugu script etiketa, beste html etiketa ez genuen buruz hitz egin gure itsatsi bideo batean, eta idatzi JavaScript gidoi etiketa horiek artean. Era berean, ordea, CSS bezala, dugu lotu beharko lirateke urtean CSS fitxategiak kanpo eta tira, gure programa, era horretan sartu. CSS batera, era berean, ezin dugu onartu Barkatu, Ikusteko Javascript-a dugu iturria ere ezarri dezakezu Script etiketa atributua Ikusteko Javascript-a esteka bereizita, beraz, ez duzu idazteko dute gidoi tags artean, dugu lotu ahal erabiliz Script etiketa hori baita. Eta besterik CSS non kasuan gertatzen den moduan zela, seguruenik, gomendatzen dugu zure interes onena emateko idatzi Zure CSS kasuan aparteko fitxategi batean aldatu behar duzu, era berean, egin gomendatzen dugu Zure idatzi duzula Fitxategi desberdinetan JavaScript eta erabili script etiketa iturburua iratxekitzerik zure Javascript lotzeko Zure itsatsi, zure web orrian sartu. Aldagai Beraz JavaScript, dizkizugu hasteko hemen sintaxia buruz hitz egiten. Eta gu joango bidez Azkar mota hau, dudan dugu delako hau PHP, beraz, hau guztia izan behar du nahiko ezaguna. Beraz Javascript aldagai daude oso antzeko aldagaiak PHP. Ez dago motaren espezifikatzailea, eta aldagai bat aurkeztu duzu, egiten zeinua duzu var hitzarekin batera. PHP zerbait egin nahi dugu Hau atsegin, dolarraren ikurra x. Hori nola adieraziko dugu aldakorra da, baina ez dugu ez motaren aipatu aldagaiaren batere. Antzeko zerbait esan genezake dolarraren ikurra x berdin 44 PHP. Egiten genuen badu Ikusteko Javascript-a ere gauza bera, esan var x berdin 44 genuke. Beraz var gure bidea moduko da aldagai bat sartuz. Hori da, agian, pixka bat intuitiboagoa besterik dolarraren ikurra aldakorra baino. Berriz ere, ez dago geroztik ez datu-motak, hau egin ahal izan genuen datu-mota edozein, kateak, beste ezer guztiak var litzateke. Baldintzazkoak, guztiok gure C eta PHP-tik lagun zahar eskuragarri daude oraindik, beraz, badugu, bestela, bada, bestela, aldatu eta galdera marka colon. Switch bezain malgua gainerako PHP izan zen, baina horiek guztiak ari zarela honezkero ezagutzen. Eta, era berean, begiztak dira bitartean faboritoak zaharra, egin bitartean, eta oraindik gurekin eskuragarri. Beraz, dagoeneko asko ezagutzen dugu Oinarrizko Javascript oinarriak moduko besterik nahiko pixka bat izatea indarrez ezagutza orain C eta PHP inguru. Zer JavaScript funtzio buruz? Beno, funtzio guztietan PHP antzekoak Funtzio hitzarekin batera aurkeztu. Funtzio esan duzu, eta, ondoren, Zure funtzioa zehazten hasiko. Zer da apur bat desberdinak Javascript buruz, nahiz izan gaitasuna da zer funtzio anonimo esaten. Beraz, funtzio defini dezakezu ez dutela izenik. Hau zerbait duguna benetan ez dute ikusi aurretik. Benetan izango dugu kontzeptua erabili funtzio anonimoak Pixka bat beranduago honetan bideo, bertan egingo delako Testuinguru zentzu pixka bat gehiago egiteko denean ikusiko dugu egoera jakin batean Hemen dudala landutako ditudan. Baina utzi itxura bat hartu nahiko luke zer Javascript sinple batean Funtzio agian itxura. Beraz, aurrera joan dut eta ireki zuen nire CS50 IDE eta dagoeneko exekutatu Nik Apache Nire zerbitzari exekutatzen hasteko. Eta fitxategi hori daukat ireki Home.html deitzen. Eta pixka bat mapan handiago dut hemen. Eta, batez ere, ikusi ahal izango duzu Home.html besterik botoiak mordo bat da. Eta goialdean aldarrikatzen ari naiz hemen hori Javascript atala da materialak. Beraz, ez dago botoiak mordo bat, hemen, baina zer botoiak horiek benetan egiten dute? Beno, buru izango gorako dugu nire IED den, eta izan Home.html ireki dut hemen. Lehen urteetan, Hemen da non lotzen natzaio Nire Javascript iturburu fitxategiak guztietan. Eskuin? Beraz anonymous.js, clock.js daukat, Source atributua erabiltzen ari naiz gidoi etiketa fitxategi batean lotzeko. Beraz, ez dut idatzizko edozein Javascript fitxategi hau zuzenean sartu, baina ez dut bota guztiek Javascript I bereizita idatzi dut. Eta behera joan gara hemen, hau guztiak begiratu behar zertxobait ezagutzen sintaxia berriak pixka batekin. Hemen ditugu goiburua etiketa funtzio eta ondoren botoi bat. Sarrera bat duten mota botoi bat daukat, eta itxuraz balio duena dut, Batzuk deitzera noa funtzionatu alerta data. Eta hau da, nola sort nahastu ahal izango dugu Ikusteko Javascript-a eta itsatsi pixka bat. Benetan jokatu dute nahiko nicely elkarrekin, eta, beraz, itxuraz denean I klik botoi honetan, noa Funtzio alerta data batzuk deitzeko. Eta, era berean izan jokabideak definitu dut Beste botoiak guztientzat dagoela home.html orrialde horretan daude, bertan itzuli jarraituko dugu Bideo honetan zehar egiteko. Baina goazen atzera eman Hemen eta begirada bat clock.js at, hau da, Javascript fitxategi hori I idatzi zuen lehenengo funtzioa honek baduela Begirada bat hartu goaz. Ikusten duzun bezala, nire Javascript hasten naiz keyword funtzioa hauekin funtziona, eta nik bat hau eman dut izena, deitzen alerta data. Han barruan, itxuraz sortu dut bat Momentuko data izeneko tokiko aldagai berria. Eta ez dut esleitzeko joan data berri bat berdina. Eta ezin asko sartu ditugu Zehatz-mehatz zer data bat jartzea, eta benetan Javascript da hain Ezin big garela seguru estaltzeko bideo bat dena. Baina nahikoa da, hau da esateko datu bat me itzultzeko duten uneko data eta denbora encapsulates. Dut hori gordetzeko naiz aldagai bat naiz in itxuraz uneko data ohartarazi egingo. Beno, zer ez, alerta Momentuko data itxura? Ikus dezagun fitxategia bera begirada bat Atzera nabigatzailea leihoan. Beraz, berriro ere, hau botoia dela I Izan ere, funtzio izeneko horri lotuta. Eta hori sakatu nuen han eta begira zer egin, egiten dutenean. Kutxa moduko hau esanez altxatzeko idatz ezazu me uneko ordua da, itxuraz da azaroaren 4an Goizean 10:43:43. Eta berriro sakatu dut, gaur egun, bada segundo gutxi batzuk geroago, ezta? Beraz, funtzio hau guztia egiten du. Noiz egin klik botoi honetan dut, azalduko alerta mezu bat niretzat. Beraz, ez da benetan ez too funtzio askoz PHP ezberdina da, sintaxia berriak pixka bat besterik ez JavaScript batera lanean dator. Ikusteko Javascript-a Arrayak nahiko erraza. Array bat aldarrikatu, erabili duzu karratu parentesi sintaxia PHP ezagutzen ari garela. Eta PHP antzekoa, dugu halaber, datu-motak nahastu daiteke. Beraz, array honetan, bai array horiek litzateke izan guztiz zilegia Javascript. One duten zenbaki osoen da dena, eta bat da nahasten datu-mota ezberdinak. Zer da zerbait oso desberdina Ikusteko Javascript-a ere, nahiz eta? Hori objektu baten nozioa da. Beraz, agian zuk Nik entzuna objektu bideratutako programazioa. Guk ez dugu asko egin CS50, baina apur bat egingo dugu Hemen JavaScripten testuinguru batean. Orain Javascript gaitasuna behar du objektu bideratutako programazio bat bezala erabili hizkuntza, baina ez da berez esklusiboki objektu bat orientatuta programazio hizkuntza. Eta hau berriro dator zergatik esan nion, hura itzuli Oso erronka ikasten egon daiteke JavaScript zure lehenengo programazioa hizkuntza, ez duelako benetan egokitzen paradigma jakin bat. C bestetik da programazio lengoaia funtzionala. Nahi badugu, funtzio dira big boss gizon moduko, ezta? Manatzen dute zer beste guztia gertatzen. Aldagai aldatu nahi dugu, funtzio deitzen duguna. Gauza egin dugu funtzio bat. Objektuak ordez, batean bideratutako hizkuntza objektu, objektu moduko izar bihurtu eta funtzio bigarren mailako moduko bihurtu. Baina zer objektu bat, da zer Objektu baten ideia hau da? Beno, laguntzen bada, uste Horri buruz lehen ordenatu zen C egitura edo egitura bat bezala aurretik garela ikasi dut. C, egitura bat dauka eremu zenbaki bat, eta, agian, ez dugu orain agian hasteko deitu eremuak propietate horiek. Baina propietate inoiz benetan beren stand, ezta? Egitura bat definitu dut auto bat bada hau ondoko bi hauek bezalako eremuak edo propietate, baten bat Autoaren ikasturterako zenbaki oso eta beste 10 karaktere bat autoaren eredua katea, I honen antzeko zerbait esan daiteke, Aldagai berri bat deklaratu ahal izango dut mota eta egitura auto Herbie of. Baina zerbait esan dezaket atsegin herbie.year berdinen 1,963, eta herbie.model berdinen Beetle. Ondo da. Eremuak naiz erabiliz egituraren testuinguruan, Baina inoiz ez dut besterik honen antzeko zerbait esaten. Eskuin? Ezin dut arlo izena erabili egitura independentea. Funtsezko gauza bat sort da. Beraz eremuak izateaz C egiturak oinarrizkoak oso propietate izateaz antzekoak dira Ikusteko Javascript-a objektuak funtsezkoa. Baina zerk bereziki interesgarria da objektu hori ere izan daiteke zer metodoak deitzen dira, eta bertan dira benetan besterik landutako funtzio hitz bat dagoela Objektu berezko baita. Beraz, funtzio bat baino ezin izan duten Objektu baten testuinguruan deitzen. Dela definitzen objektu bat bakarra Funtzio honek bere barruan, pentsatzen baduzu Eta egitura, funtzioa horiek definituz barruan definitzen da egituraren giltza kizkur. Beraz, soilik zerbait esan nahi du egiturari. Eta hori da, zer egiten ari garen moduko Hemen objektuak eta metodoak. Funtsean ari garen bezala funtzioa definitu duten zentzurik batean Objektu jakin, eta, beraz, ez dugu deitu objektuaren metodo bat dela. Eta inoiz ez diegu funtzioa independienteak, besterik ez bezala, ezin dugu urteko edo modelo esan C. struct independienteak Programazio Beraz funtzionalak paradigmak honelako itxura. Funtzio eta orduan pasatzen duzu Objektu parametro bezala ere. Objektu bideratutako programazio batean hizkuntzetan, hau moduko lortzen iraulita, eta ez dugu pentsatu litzateke hau gustatzen zait, object.function. Beraz moduko dot hori da operadorea berriro ulertuta Jabetza nolabaiteko dela edo objektu beraren ezaugarririk. Baina hau zer objektu bat da bideratutako programazio hizkuntza funtzio bat egiteko egin liteke metodo bat deitzeko, berriro ere, eta Hitz berezi bat besterik ez da funtzio bat egiteko objektu bat berezkoa. Hau da, zer dela sintaxia agian itxura. Eta beraz, batzuk ikusteko hasiko dugu honek JavaScript testuinguru batean. Ere egin dezakezu objektu bat pentsatu Sort elkarte-sorta bat bezala, bertan PHP ezagutzen ari gara. Gogoratu elkarte array ahalbidetzen gako bikote izateko aukera eman digu, ordez indizeak 0, bat, bi, hiru izatea, eta erabili ditut atsegin dugu C-tik arrayak. Elkarte multzo mapa dezakezu hitzak, hala nola, PHP bideoan ikusten den bezala, buruz hitz egin genuen pizzak toppings. Eta beraz, array bat izan dugu pizzak deitzen, eta guk Izan gazta gako bat izan zen, eta $ 8.99 izan zen balio, eta, ondoren, pepperoni gako bat izan zen, $ 9.99 balio bat zegoen, eta abar. Eta, beraz, ezin dugu, halaber, bat pentsatzen oposiziorako Sort elkartze bat antzekoa array. Eta beraz, sintaxia hau hemen Objektu berri bat sortuko da Herbie bi deitu horren barruan propietate. Urtea, hau da, 1963ko balioa esleitzen, eta eredua da, eta katea esleitutako Beetle. Eta hemen nabarituko erabiliz naiz Ikusteko Javascript-a Komatxo. Bakar edo bikoitza komatxo erabil dezakezu denean kateak aipatzen dituzu. Besterik ez da conventionally kasu horretan gehien aldiz JavaScript idazten ari zarenean, Komatxo erabili besterik ez duzu. Baina komatxo hemen erabili izan dut, eta primeran ondo egongo litzateke, baita. Beraz, gogoratu ere nola PHP nozio hau izan genuen begizta bakoitzaren gaituen ahalbidetuko luke zehar batetik bestera joateko gako balio guztia elkartze bat bikote array, garelako ez den batetik bestera joateko gaitasun hori 0 bitartez, bat, bi, hiru, lau, eta abar? Ikusteko Javascript-a oso antzeko zerbait du, baina ez da izeneko begizta bakoitzeko bat, deitzen baten begiztak egiteko. Beraz, esan nuen niretzat bada like honek, var objektuaren funtsezko egiteko, Ordena esanez antzekoa da Zerbait bakoitzak zerbait bezala da. Baina guztiak egiten ari naiz hemen da errepikatzean Nire objektu gakoetako guztietan zehar. Eta kizkur-barrutik giltza han, nuke objektu karratu parentesi gako erabiltzeko erreferentzia gakoan hartan balioa emateko. Bestela, ez da are hurbilketa bat. Besterik ez dut bakarrik kezkatzen bada balioak, objektuaren gako esan dezaket, eta besterik gabe erabili gakoa barruan. Beraz var objektuaren funtsezko egiteko, daukat objektu karratu parentesi erabili begizta barruan gakoa. Var objektuaren gako egiteko, ahal dudan besterik gako erabiltzeko begizta barruan, Zehazki, besterik ez naizelako balioak ez buruz hitz egiten. Hargatik hartu agian en bat aldea begiratu besterik azkar zuk erakutsi lau arteko aldea eta alde batera oso zehatz bat array, horrek hemen dugu, astean array. Beraz, array berri bat aurkitu behar dut bete dudala zazpi kateak, Astelehena, asteartea, asteazkena, Osteguna, ostirala, larunbata, igandea. Eta orain batetik bestera joateko nahi dut array honen bidez, Informazio zenbait inprimatzeko. A erabili badut begizta batean Informazio inprimatu, zer uste duzu lortu noa? Beno, utzi ditzagun. Eta gainetik salto egin aurretik dugu Nire nabigatzailean leiho den, besterik ez ezagutu console.log bat sort da Ikusteko Javascript-a inprimatu F bat egiteko modu. Baina zer kontsola da? Beno, hori zer ari gara Begirada bat hartu oraintxe at joateko. Ados, beraz, hemen gara hemen Nire nabigatzailearen leiho, eta nik ireki noa Nire garapen tresnak eman. Berriz ere, besterik ez naiz F12 kolpatzeko dut ireki garapen tresnak. Eta hemen nabarituko dela goi kontsola aukeratu dut. Beraz, hau nozioa da sustatzailearen kontsola bat, eta gurekin baimendu egingo da Informazio inprimatu, Sort terminal bezala, baina Pixka bat ikusiko duzu, geroago, Era berean, informazioa idatz dezakegu ere gure web orria elkarreragin. Pixka bat handiago hemen noa, eta botako nago orain, klik egin ezazu proba batean. Eta lau test-- ere ez naiz gonna agertuko zaizu kodea du oraintxe, baina lortuko duzu baduzu deskargatu kodea duten da video-- honekin lotutako Hori besterik ez begizta da ikusi besterik ez dugu bat Bigarren Duela diapositiba. Beraz gonna click naiz botoia, eta hemen baino gehiago, hemen zer du inprimatutako batean kontsola, 0, bat, bi, hiru, lau, bost, Sei. Ez nuen informazioa inprimatu array kokapen horien barruan, a erabiltzen dudalako begizta batean. Eta begizta gorputzaren barruan, I besterik inprimatutako gakoa ez-giltza aurka. Baina bada orain argi dut nire kontsola, eta I proba proba lau aldatzeko, eta Begizta erabiltzen dut esango dut ordez, eta inprimatzeko gakoa, Hori klik badut, orain ez dut lortzen Nire objektu baten barruan benetako elementu edo kasu honetan nire array. Nire aste egunetan sorta. Inprimatutakoak dut astelehenean, Asteartea, asteazkena. Beraz, hori arteko aldea begizta batean, bistaratzen out for besterik gakoak gako erabili besterik ez bada Begizta gorputzaren barruan, eta amaitzen da, eta bertan grabatuak for a balioekin egindako besterik erabiltzen baduzu begizta gorputzaren barruan gakoa. Ondo da, nola ez, orain hasten gara kateak kateatu eta agian nahastu sortu Interpolazio aldagai batzuk atsegin PHP egin ahal izan dugu? Beno, nahiko ezagunak gaude hau PHP from. Hau da, nola egin nahi dugun erabiliz dot operadorea kateak kateatu. Ikusteko Javascript-a ere, nahiz eta, benetan zerbait erabili dugu gehi operadorea, izeneko da, agian, nahiz eta pixka bat gehiago intuitiboa da, ezta? Mordo bat gehitzen ari gara kateak elkarrekin. Beraz, dezagun burua atzera behin eta ikusi zer hau dugu inprimatu nahi baduzu inprimatu egingo Aste lerrotan informazio guztia. Guztiak eskubidea, hemen azpian hain kate lotuz azpian, Bi aukera daukat, katea eraikin V1 eta gero kate eraikin V2. Eta ikusiko dugu zergatik dugu V2 behar bigarren batean. Baina botako dut, klik egin ezazu katea eraikin V1, que Kodea ginen da besterik begirada bat hartu, pluses guztiekin console.log du. Ikusi grabatuak hau bada Dezagun zer espero dugun bezala. Astelehena Asteartea kopurua 01 da, Asteartea asteko eguna kopurua 11 da. Beno, zer nintzen saiatzen Han izan zaitez egin inprimatu da astelehenetik egun kopurua da Bat, asteartea, egun bi zenbakia. Baina badirudi naiz bezalako Beti inprimatzeko bat. Beno, zergatik da hori? Beno, bihurtzen da, beste itxura hartu kode txiki honetan hemen. Iragarki gehi erabiltzen ari garela bi testuinguru desberdinetan operadorea. Eta beraz, hemen non agian gauzak dugun motatako esaten duena, oh, beraz, handia da. Guk ez dugu datu-motak aurre jada. Baina hemen non, hain zuzen, Datu mota galtzen dugula Egia esan, pixka bat izan daiteke guretzat arazo bat. Orain plus operadorea erabiltzen ari den kateak kateatu eta zenbakiak gehitu elkarrekin, Javascript ditu bere onena asmatzeko egiteko zer niretzat egin nahi nuen. Eta, kasu honetan, okerreko igarri egiten da. Besterik ez da kateatu egun, zein izango litzateke 0, bat, bi, hiru, lau, bost edo sei, eta ondoren kateatu besterik ez da Hori eta gero, inork kateatzen. Ez da benetan gehi elkarrekin. Eta, beraz, hizkuntza horiek, PHP eta JavaScript, Hori laburpenak kanpoan mota kontzeptua, hau da, ez duzu egin aurre jada. Oraindik kanpaia azpian mota dute. Eta, ahal dugun egoeretan Hau atsegin, onura Izan ere, hori zerbait esaten Agian hau, adibidez, horiek JavaScript kontatzea, por horrela, tratatu honetan zenbaki oso bat bezala, ez kate bat bezala tratatzen da, nahiz eta kateak elkarrekin nahastuz ari gara, nahiz eta eta osoko zenbakiak hemen. Besterik gauza horiek bat hain handia testuinguruan omen da ez dugula izan mota aurre jada, baina batzuetan dituzu egoera bat sartu exekutatu zehazki hau bezalako non hori, hain zuzen, Ez duzu mota gaineko kontrola ahal izango duzu backfire Oraindik ez baduzu, kontuz ibili. Eta orain atzera irekiko dugu IDE baino gehiago bada, ez naiz Berriro garbitzeko nire kontsola joan, eta naiz kate klik noa Eraikin bi bertsio, eta horrek Hor analizatu int funtzio hori erabili dut. Orain inprimatzeko da Informazio hori espero dut. Astelehena egun kopuru bat, asteartean Egun bi zenbaki, eta abar. Hargatik berriro hitz egin funtzioak. Anonimoari buruz hitz egingo dugu agindu dut funtzioak, eta orain dela testuingurua azkenean iritsi. Beraz, horrela egin dugu aurretik, hitz egin berriro utzi bigarren bat besterik ez da array buruz. Beraz, multzo berezi bat dira Objektu baten kasuan. Izan ere, dena ere Ikusteko Javascript-a da, benetan objektu bat. Beraz, funtzio bat Objektu baten kasu berezia, Osoko zenbaki berezi bat dira Objektu baten kasuan, Baina multzo zehazki metodo zenbaki bat. Gogoratu objektu delako, propietate eta metodo eduki ahal izango dute. Metodo zenbaki bat dutela objektu horiek aplika daiteke. Badira izeneko metodo bat da tamaina, array.size, hau da itzuliko zuk espero dezake Zure array elementu kopurua da. array.pop, Sort nahi Gure off leihoa nozioa pila bat, gogoratzen baduzu Gure pilak bideo, array azken elementua kentzen. array.push elementu berri bat gehitzen array baten amaiera emateko. array.shift Sort da DQ bezala, egindako Splices da array baten lehen elementua. Baina ez da beste berezia array baten metodoa mapa izeneko. Eta honen moduko da kontzeptu interesgarria. Beraz, zer mapa baten ideia da? Benetan ikusiko dituzu hau beste hainbat hizkuntzatan, eta ez gara bati buruz hitz egiten kartografoek moduko mapa hemen, dugu mapping funtzio bati buruz hitz egiten ari. Testuinguru horretan ari gara Hemen buruz hitz egiten, mapa batean Eragiketa dugu berezi bat da ahal array bat burutzeko funtzio jakin bat aplikatzeko array duten elementu guztietan. eta orain ere ez genuke esan Kasu honetan, beharbada array.map, eta, horren barruan, pasatzen ari garen Maparen sartu nahi dugun funtzioa da elementu bakoitza aplikatu behar. Beraz ordenatzeko erabiliz analogoa da begizta bat baino gehiago batetik bestera elementu guztietan eta aplikatu jakin baten elementu guztietan funtzionatzeko, besterik Javascript ha honetan eraiki aplikatu beharreko mapping baten ideia. Eta horrek testuinguru handi bat da funtzio anonimoa buruz hitz egiteko. Beraz, demagun daukagu zenbaki osoen array honetan. Honez Nums izendatu zuten, eta nik lortu bost bertan gauzak, bat, bi, hiru, lau, bost. Orain zenbait mapa nahi dut funtzio array honen gainean. Funtzio bat aplikatu izan nahi dut array elementu guztietara. Beno, esan dezagun zer duten nahi dut ez da besterik bikoiztu elementu guztiak. Zer egin nezakeen besterik begizta bat erabiltzen da Ba var I funtzioak 0, baino txikiagoa da I edo berdina 4 dut plus, plus, eta orduan bikoiztu zenbaki bakarra behin. Baina, era berean, honen antzeko zerbait egin ahal izango dut. Esan dezaket Nums zen lehen bat bi hiru lau bost, orain, ordea, zuk nahi nuke mapping aplikatu array honen gainean non zuk nahi nuke Zenbaki bakoitzean bikoizteko. Eta hori da hain zuzen Zer ari da gertatzen. Baina konturatu zer pasatzen ari naiz argudioa mapa gisa ere. Hau funtzio anonimoa da. Eta konturatu ez dut eman Funtzio honek izen bat, Nik bakarrik ematen da parametro zerrenda bat. Eta beraz, honen adibidea da funtzio anonimoak. Dugu, oro har, ez litzateke inoiz deitu honetan Funtzio mapa testuinguruan kanpo. Honela definitu ari gara, parametro gisa , mapa eta beraz, ez dugu benetan izen bat eduki behar da, bada behar hori zaintzen duen gauza bakarra mapa eta, baina eskuineko definitu zuen maparen barruan dago. Eta, beraz, hau da funtzio anonimo bat da. Ez gara gai izan da hau aldez aurretik egin behar. Funtzio batzuk mapa parametro bat onartu du, num, eta zer funtzio egiten duen itzultzen num aldiz 2. Eta beraz, honen ondoren mapping kontuan hartuta, hau da, orain Nums zer begiradak bezala, bi, lau, sei, zortzi, 10. Eta aterako baino gehiago ditugu nire Arakatzailearen leiho eta besterik honetan begirada bat hartu benetan azkar asko. Beraz, beste botoi bat daukat hemen nire etxeko orria ere bikoitza deitzen. Eta noiz klik bikoitza nuen, eta hura kontatzen Niri inork baino lehen, bi, hiru, lau, bi, lau, sei, zortzi, 10 bost ondoren. Eta atzera joan nintzen gero, egin klik bikoitza berriro, bi, lau, sei, zortzi, 10. Eta gero, ondoren, lau, zortzi, 12, 16, eta gero 20. Eta zer egiten ari naiz funtzio honetan? Beno, ez dugu aterako bada pasatxo IDE den, eta Tira dut nire funtzioa anonimoak, hemen zazpi line 13 bitartez, naiz Pixka fancy lan bat egiten hemen, baina besterik ez naiz inprimatzeko Zer da gaur egun array. Ondoren on line 16, 17, eta 18, ez da nire mapa da. Hau da, non bikoiztea hau aplikatuz naiz elementu bakar behin funtzioa. Eta gero, apur bat beherago, Ez da gauza bera naiz egiten Aurretik egiten ari nintzen, orain ez dut izan ezik array-aren edukia inprimatzeko gero. Baina egin dut hemen guztia da besterik funtzio anonimoa erabili array bat osoa zeharkatuz mapa. Beraz, gaia handi bat buruz hitz egin ahal izateko Javascript gertaera baten ideia da. Gertaera bat bakarrik gertatzen den zerbait da Erabiltzaile batek zure web elkarreraginean denean orrialdea, beraz, agian, zerbait klik egiten, edo, agian, orrialde kargatzeko amaitu da, edo, agian, zuk mugitu dute Beren zerbait gainetik sagua, edo zerbait idatzi dut dute Sarrera-eremu batean. Gauza horiek guztiak ekintzarik direla gure web orrian gertatzen. Eta Ikusteko Javascript-a dauka Zerbait onartzeko gaitasuna gertaera kudeatzailea bat, izeneko administratzaile-funtzio bat da, html ekitaldi bat erantzuten. Eta zer da callback funtzio bat? Beno, oro har, besterik gabe, beste funtzio anonimo baten izendatzeko. Funtzio bat da hori Gertaera baten bidez erantzun die. Eta hau da, non etortzen gara funtzio jakin loteslea ideia html atributu jakin bati. Html elementu gehienek Atributu baten laguntza egin ez dugula buruz hitz itsatsi batean Bideo click on antzeko zerbait edo pasatzean edo karga, Ekitaldi horien guztien duzun hori gero funtzio idatzi ahal gertakari horiek akordio hori k gertaera horiek zure web orrian gertatzeko. Eta, beraz, agian, zure itsatsi honen antzeko zerbait dirudi. Eta bi botoiak daukat hemen, botoi bat eta bi botoi, eta hemen gaur egun ez daukat definitzen ez da ezer, baina hau da, non on atributua click itxuraz nire itsatsi etiketa parte. Beraz, itxuraz denean zer da definitu dut gertatzen atributu horren barruan, Honez Javascript batzuk izango Hori gertatuz gero erantzuten funtzioa lanei of zentzuzkoa botoi bat edo bi botoi. Zer da cool mota buruz hau da dugu gertaera kudeatzaile orokor bat ere idatzi daiteke. Eta gertaera kudeatzailea egingo Ekitaldia objektu bat sortzeko. Eta gertaera objektuaren esango digu bi botoiak bertan sakatu. Orain nola lan egiten duten? Beno, agian zerbait itxura da. Beraz, lehen definitu beharko dugu gure botoiak callback erantzunez dute funtzio hori deitu egingo botoia klik egiten denean, Gertaera alerta izen deitu dugu. Eta bi kasuetan garela nabarituko Gertaera parametro hori igaroz. Beraz, funtzio hau deitu dugu edo horrelakorik denean da gertaera gertatzen abiaraziak, nik gertaera objektu honek sortzen joan eta bat pasa da parametro izena ohartaraztea. Eta gertaera objektu dela Informazio edukiko joan botoia buruzko sakatu. Eta nola ez, egin du? Beno, agian zerbait itxura da. Beraz, nire bereiziak orain Javascript fitxategia, I might hau aurkitu dute Funtzio alerta izena, eta bertan Berriro gertaera parametroa onartzen. Eta gero, hemen da non detektatzeko naiz bertan botoia aktibatzen, var trigger berdinen gertaera dot source elementu. Zer izan da hori sortu iturburua izan zen pasa gertaera objektu hau? Botoi bat izan zen edo ez zen bi botoi? Eta gero, hara guztiak egiten ari naiz da trigger.innerhtml inprimatzeko. Beno, kasu honetan, honetan Testuinguru, trigger.innerhtml besterik ez da zer da botoia idatzirik. Beraz, zerbait gertatzen salto badugu bigarren bat back, que iba izan zer da botoi etiketa horiek artean. Botoi bat edo bi botoi izango da. Eta dezagun begirada bat nola gertaera kudeatzailea hau litzateke begiratu martxan praktikan bagenu. Beraz, lehenik eta behin, duzun ireki zuen events.js, bertan Javascript-fitxategia non dagoen Funtzio hau definitu dut. Eta ikusiko duzunez, da nahiko askoz zehazki zer Hilabete osoa ikusi besterik ez duela bigarren ditugu. Eta baino gehiago joango den Hasiera orrira dugu hemen erabiltzen dut. Eta izan dut hemen botoi Bat eta bi botoia. Eta egingo sakatu nuen botoia batetik. Botoi bat sakatu duzu, nahi izanez gero hementxe alerta ere ikus daitezke. ONDO DA. Egin klik bi botoi buruzkoa, zure bi botoi bat sakatu du. Beraz, bi botoiak dute funtzio bera deia, ezta? Alerta name ziren biak Ekitaldia, baina ekitaldi objektu hau noiz egin klik dugu sortu lortzen egiten digun bertan botoia zen bertan klik. Ez dugu bi bereizi idazteko izatea funtzio edo akordio Edozein informazio gehigarri pasatzeko. Besterik ari gara konfiantza zer Javascript will Gurekin egin, hau da, hori sortzeko Gertaera gure izenean objektu moduko. Askoz Javascript baino askoz gehiago zer bideo honetan dugu estaltzen, baina beharrik horiek fundamental lortu behar Modu luzean nahiko dena ikasteko egingo honi buruz jakin behar Hizkuntza interesgarria. Naiz Doug Lloyd. Hau CS50 da.