Werrej[Aħbi][Uri]
- 1. Ittejjeb l-Għarfien Bażiku Tiegħek
- 2. Agħmel użu minn strateġija orjentata lejn l-oġġetti
- 3. Agħmel użu minn funzjonijiet anki jekk huma żgħar
- 4. Minflok ==, uża ===
- 5. Uża JSLint
- 6. L-iskripts għandhom jitqiegħdu fil-qiegħ tal-paġna tiegħek
- 7. L-eħfef mod biex tagħmel String
- 8. Żid kumment mal-kodiċi tiegħek
- 9. Agħmel użu mit-Template Literals
- 10. Iteraturi u għal... ta' Loops
- 11. Uża {} Minflok Object() ġdid
- 12. Ikkunsidra li tpoġġi let u const fil-kodiċi tiegħek
- 13. eval() Mhux Idea Tajba
- 14. L-Operatur Spread jiġi utli
- 15. stenna u async
- 16. Uża l-metodu includes() f'Javascript
- 17. Neħħi oġġetti minn firxa billi tuża Splice
- 18. Agħmel Użu mill-Funzjoni tal-Vleġġa
- 19. B'Destructuring, tista 'malajr tassenja valuri varjabbli
- 20. Agħmel diversi proġetti
- konklużjoni
Jekk qatt kont interessat fl-iżvilupp tal-web, x'aktarx li ltqajt ma' JavaScript. Lingwa ta' programmar orjentata lejn l-oġġetti hija JavaScript. L-iżviluppaturi jużawha biex jagħmlu l-paġni tal-web tal-klijent (front end) dinamiku u interattiv.
Jintuża wkoll biex jinħolqu paġni tal-web u apps tal-web, b'HTML u CSS. Illum il-ġurnata m'hemmx paġna web fuq l-internet li m'għandhiex kodiċi JavaScript. Huwa sar aspett inseparabbli tax-xogħol ta 'żviluppatur.
Tabilħaqq, qed tiżdied b'mod kostanti. Għalkemm JavaScript huwa rikonoxxut l-aħjar biex jipprovdi funzjonalità lill-paġni tal-web, huwa wkoll impjegat f'ambjenti mhux JavaScript. Node.js, Apache Couch-DB, u Adobe Acrobat huma eżempji ta 'dawn it-teknoloġiji. Għat-tħaddim ta' JavaScript, il-biċċa l-kbira tal-web browsers moderni fihom magna ta' eżekuzzjoni JavaScript integrata. Jekk trid tkun żviluppatur tal-web ta' suċċess, ikollok tittratta JavaScript.
Trid tindirizzaha llum jew għada. Għaliex ma titgħallimx JavaScript qabel iż-żmien sabiex tkun ippreparat meta jasal iż-żmien?
Dan huwa dak li se titgħallem f'din is-sessjoni. Jispjega kif tibqa' pass 'il quddiem mill-iżviluppaturi tal-web sħabek billi tippolixxja l-JavaScript tiegħek.
Nibdew!
1. Ittejjeb l-Għarfien Bażiku Tiegħek
Nibda bi ħsieb u dikjarazzjoni tassew bażika li smajt minn meta kont żgħir. Tgħallem il-prinċipji fundamentali u poġġihom fil-prattika. Ħafna drabi, tkun qed tapplika loġika bil-kodifikazzjoni, iżda tinsa li diġà hemm funzjoni integrata għaliha, bħal tqattigħ ta 'firxa. Meta tmexxi l-kodiċi JavaScript, tista 'tikseb żball, u bħala riżultat, ħafna karatteristiċi addizzjonali jieqfu jaħdmu.
Dan jista 'jkun ikkawżat minn kolon wieħed jew virgoli maqlubin. Dawn l-affarijiet iseħħu bħala riżultat ta 'nuqqas ta' fehim tal-prinċipji fundamentali. Ħafna drabi fi programm wieħed, linja bażika bħal għal, liema, jew do while hija impjegata. Loops huma wieħed mill-kostrutti ta 'programmazzjoni l-aktar fundamentali.
Huwa pjuttost diffiċli li tikkodifika u anke jkollok iċ-ċans li taħdem għal ditta jekk m'intix familjari mal-looping u fundamentali oħra. It-tqaxxir tal-prinċipji fundamentali tiegħek huwa kritiku peress li jipprovdu pedament sod li fuqu tiżviluppa l-loġika u r-reputazzjoni kkumplikata ta' soluzzjoni.
2. Agħmel użu minn strateġija orjentata lejn l-oġġetti
Il-metodu orjentat lejn l-oġġetti huwa l-aktar approċċ ta’ programmar magħruf illum. L-approċċ orjentat lejn l-oġġetti, li beda b'C++, kiber fil-popolarità bil-kbir minn dakinhar. Illum, l-ipprogrammar orjentat lejn l-oġġetti biss jintuża biex jinħolqu l-lingwi ewlenin kollha. Strateġija orjentata lejn l-oġġett hija waħda li hija ffukata fuq oġġett speċifiku.
L-oġġett imbagħad isir entità fundamentali. Dan l-oġġett imbagħad jintuża biex iżid attributi u funzjonijiet mal-paġna bħala bażi. Tista 'wkoll tuża l-metodu tradizzjonali tal-ħolqien ta' kodiċi minn fuq għal isfel mingħajr ebda funzjoni jew oġġetti. Dan huwa wisq estensiv u m'għandu qatt jiġi ppruvat. Meta niżviluppaw il-kodiċi, għandna nużaw approċċ funzjonali, u jekk nużaw funzjonijiet, għandna nużaw oġġetti.
Allura, fil-bidu, istinka biex tikkonverti l-kodiċi estensiv tiegħek għal kodiċi orjentat lejn l-oġġetti, u dejjem ikteb il-kodiċi tiegħek fi stil orjentat lejn l-oġġetti. Meta tistudja l-kodiċi ta 'nies oħrajn, tkun kontinwament tħares lejn tekniki orjentati lejn l-oġġetti. Jekk trid tikkontrolla JavaScript, huwa aħjar jekk ikollok idejk fuqha.
3. Agħmel użu minn funzjonijiet anki jekk huma żgħar
L-ipprogrammar b'approċċ funzjonali huwa mod mill-aqwa biex timxi. Għaliex? Jissepara s-softwer tiegħek f'moduli li jiffunzjonaw flimkien iżda għadhom distinti minn xulxin. Ħa nagħtik eżempju biex jgħinek tifhem.
Il-Kwadrat Medju ta' l-Għerq tan-numri interi jista' jiġi kkalkulat bl-użu ta' funzjoni. Biex tagħmel dan, trid kwadrat l-interi, tikkalkula l-medja tagħhom, u mbagħad tikkalkula l-għerq kwadru tal-medja. Hemm tliet fażijiet fil-proċess. Bħala riżultat, nistgħu nimpjegaw tliet funzjonijiet. Iżda, kif tistgħu taraw, dawn il-funzjonijiet kollha huma interkonnessi. L-output ta 'wieħed jintbagħat lil ieħor, u nirċievu r-riżultat aħħari.
Ejja nippretendu li minflok tliet funzjonijiet, sempliċiment għandek bżonn waħda biex tikkalkula l-RMS ibbażata fuq fatturi multipli. Is-soluzzjoni finali, kif tistgħu taraw, mhix korretta. Ikun pjuttost diffiċli għalik li tiddetermina x'mar ħażin f'avveniment daqshekk kbir f'dan il-punt.
Li jkollok tliet funzjonijiet ċkejkna, min-naħa l-oħra, jippermettilek tanalizza malajr. Bħala riżultat, anki jekk il-funzjonijiet huma modesti, użahom biex tiddefinixxi moduli ta 'kodiċi distinti. Din it-teknika tgħinek issir espert JavaScript bħall-maġija.
Issa, ejja nħarsu lejn xi tips kodifikazzjoni JavaScript.
4. Minflok ==, uża ===
F'JavaScript, hemm żewġ tipi ta' operaturi ta' ugwaljanza: operaturi ta' ugwaljanza stretti === u !==, u operaturi ta' ugwaljanza mhux stretti == u !=. Meta wieħed iqabbel, jitqies bħala l-aħjar prattika li dejjem tintuża ugwaljanza eżatta. Meta taħdem ma == u !=, għalkemm, ikollok problemi meta tittratta tipi distinti.
Meta t-tipi tal-valuri, li qed tqabbel ikunu differenti, l-operaturi mhux stretti jipprovaw jisforzaw il-valuri tagħhom, li jistgħu jwasslu għal riżultati mhux mistennija.
5. Uża JSLint
Douglas Crockford ħoloq JSLint, debugger. Sempliċement poġġi l-iskrittura tiegħek fil-kaxxa, u se tiskennjaha malajr għal kwalunkwe bug jew difett.
JSLint jeżamina fajl tas-sors JavaScript. Jekk tiġi skoperta problema, tibgħat messaġġ b'deskrizzjoni tal-kwistjoni u pożizzjoni approssimattiva fis-sors. Il-kwistjoni mhix dejjem żball sintattiku, għalkemm spiss ikun il-każ.
JSLint teżamina kemm in-normi stilistiċi kif ukoll kwistjonijiet strutturali. Ma jimplikax li s-softwer tiegħek huwa preċiż. Huwa biss iżid par għajnejn ieħor biex jassisti fl-iskoperta ta 'kwistjonijiet. Qabel ma tiffirma b'kitba, mexxiha permezz ta' JSLint biex tiżgura li ma wettaqt l-ebda żball.
6. L-iskripts għandhom jitqiegħdu fil-qiegħ tal-paġna tiegħek
L-għan primarju tal-utent huwa li l-paġna titgħabba kemm jista' jkun malajr. Il-browser ma jistax ikompli jgħabbi skript sakemm il-fajl sħiħ ikun tgħabba. Bħala riżultat, l-utent ikollu jistenna aktar biex jara kwalunkwe progress.
Jekk għandek fajls JS li jintużaw biss biex jipprovdu funzjonalità (pereżempju, ladarba tingħafas buttuna), poġġihom lejn il-qiegħ tal-paġna, eżatt qabel it-tikketta tal-ġisem tal-għeluq. Din hija bla dubju l-aqwa prattika.
7. L-eħfef mod biex tagħmel String
Meta jkollok bżonn tagħmel loop madwar firxa jew oġġett, mhux dejjem tuża d-dikjarazzjoni tiegħek trusty for loop. Uża l-immaġinazzjoni tiegħek biex toħroġ bl-aktar soluzzjoni mgħaġġla għall-kompitu li qed ikollha. Jien mhux se nġiblek in-numri; inti sempliċiment ikollok tafda lili (jew tittestja għalik innifsek).
Din hija l-iktar teknika mgħaġġla bil-bosta.
8. Żid kumment mal-kodiċi tiegħek
Jista 'jidher inutli għall-ewwel, imma fiduċja lili meta ngħid li għandek tikkummenta fuq il-kodiċi tiegħek kemm jista' jkun spiss. X'jiġri jekk terġa' lura għall-proġett xhur wara u ma tistax tiftakar il-proċess oriġinali tal-ħsieb tiegħek?
X'jiġri jekk il-kodiċi tiegħek irid jiġi aġġornat minn wieħed minn sħabek? Oqsma importanti tal-kodiċi tiegħek għandhom dejjem jiġu kkummentati dwarhom.
9. Agħmel użu mit-Template Literals
Ir-restrizzjonijiet ta 'kordi maħluqa bi kwotazzjonijiet doppji jew singoli huma numerużi. Biex tagħmel ix-xogħol magħhom ħafna aktar faċli, tista 'tagħżel li tissostitwixxi xi wħud mill-kordi tiegħek b'mudelli letterali.
Il-karattru backtick (') jintuża biex jinbnew template letters, li għandu numru ta 'vantaġġi. Tista 'tużahom biex taħżen espressjonijiet jew biex tibni kordi b'ħafna linji.
Kif tistgħu taraw, kuntrarjament għal string konvenzjonali litterali mibni bi kwotazzjonijiet singoli jew doppji, aħna ma kellniex ripetutament nidħlu u joħorġu mill-mudell litterali tagħna. Dan jimminimizza l-probabbiltà ta 'żbalji ta' ittajpjar u jippermettilna niktbu kodiċi aktar nadif.
10. Iteraturi u għal... ta' Loops
L-iteraturi huma oġġetti f'JavaScript li jimplimentaw il-metodu next() biex jirritorna oġġett li jaħżen il-valur li jmiss f'sekwenza kif ukoll veru jew falz skont jekk fadalx aktar valuri. Dan ifisser li jekk timplimenta l-protokoll iteratur, tista 'tibni l-oġġetti iteratur tiegħek stess.
Hemm xi iteraturi mibnija fil-JavaScript, bħal String, Array, Map, eċċ. Tista' tuża għal... ta' loops biex tgħaddihom. Meta mqabbla ma 'l-ordinarji for loops, dan huwa aktar konċiż u inqas suxxettibbli għall-iżbalji. M'għandniex għalfejn inżommu kont tat-tul sħiħ tal-firxa jew tal-indiċi kurrenti billi tuża for...of loop. Meta jiġu ddisinjati linji nested, dan jista 'jgħin biex jissimplifika l-kodiċi.
11. Uża {} Minflok Object() ġdid
Fil-JavaScript, tista 'tagħmel oġġetti f'varjetà ta' modi. L-użu tal-kostruttur il-ġdid, kif muri, huwa mod aktar konvenzjonali. Din l-istrateġija, min-naħa l-oħra, hija mmarkata bħala "prattika ħażina."
Mhuwiex distruttiv, iżda huwa ftit kliem u uniku. Nipproponi minflok li nuża t-teknika litterali tal-oġġett.
12. Ikkunsidra li tpoġġi let u const fil-kodiċi tiegħek
Nistgħu nużaw il-kelma prinċipali let biex nagħmlu varjabbli lokali li huma skoperti għall-blokk tagħhom stess. Nistgħu nużaw il-kelma prinċipali const biex nibnu varjabbli lokali b'ambitu ta' blokk li ma jistgħux jinbidlu.
Meta tiddikjara varjabbli, għandek tikkunsidra li tuża l-kliem prinċipali let u const meta applikabbli. Ftakar li l-keyword const tiddiżattiva biss l-assenjazzjoni mill-ġdid. Ma jagħmilx il-varjabbli ma jinbidilx, lanqas.
13. eval() Mhux Idea Tajba
Il-metodu eval(), għal dawk li ma jafux, jippermettilna aċċess għall-kompilatur JavaScript. Essenzjalment, nistgħu nużaw eval biex tesegwixxi r-riżultat ta 'sekwenza billi nipprovduha bħala input ().
Dan mhux biss inaqqas b'mod sinifikanti l-iskrittura tiegħek, iżda joffri wkoll tħassib sinifikanti dwar is-sigurtà peress li jagħti lit-test mgħoddi wisq awtorità. Evitah akkost ta’ kollox!
14. L-Operatur Spread jiġi utli
Qatt kellek bżonn tittrasmetti l-oġġetti kollha f'firxa bħala elementi individwali għal funzjoni oħra, jew għandek bżonn tpoġġi l-valuri kollha minn firxa għal oħra? Dan huwa eżattament dak li l-operatur tal-firxa (...) jippermettilna niksbu. Hawn illustrazzjoni.
15. stenna u async
Oħloq funzjonijiet asinkroniċi billi tuża l-kelma prinċipali asinkronika, li dejjem tirritorna wegħda, jew b'mod espliċitu jew impliċitu.
Il-kelma prinċipali await tista' tintuża f'funzjonijiet asinkroniċi biex titwaqqaf l-eżekuzzjoni sakemm titlesta r-riżoluzzjoni tal-wegħdiet li jirritornaw. Barra mill-funzjoni async tiegħek, il-kodiċi se jkompli jaħdem b'mod normali.
16. Uża l-metodu includes() f'Javascript
F'JavaScript, il-funzjoni includes() tiddetermina jekk string fihax il-karattri forniti jew jekk array fihx l-element speċifikat.
Dan il-metodu jirritorna veru jekk is-sekwenza jew l-element jiġi skopert; inkella, jirritorna falza. Ta 'min isemmi li l-funzjoni Strings contains() hija sensittiva għall-każ. Jekk tixtieq tqabbel string irrispettivament mill-każ, sempliċiment it-test fil-mira l-ewwel b'ittri żgħar.
17. Neħħi oġġetti minn firxa billi tuża Splice
Biex tneħħi oġġett minn firxa, rajt l-iżviluppaturi jutilizzaw il-funzjoni tat-tħassir. Dan huwa żbaljat għaliex, aktar milli tħassar l-oġġett, il-metodu tat-tħassir jissostitwixxih b'undefined.
L-eħfef mod biex tneħħi element minn firxa skont il-valur tiegħu f'JavaScript huwa li tuża l-funzjoni indexOf() biex tikseb in-numru tal-indiċi ta' dak il-valur fl-array, imbagħad ħassar dak il-valur tal-indiċi bil-metodu splice() ..
18. Agħmel Użu mill-Funzjoni tal-Vleġġa
Il-funzjonijiet tal-vleġġa huma karatteristika importanti oħra li għadha kif ġiet miżjuda mal-JavaScript.
Huma għandhom boatload ta 'vantaġġi. Biex tibda, jagħmlu l-partijiet funzjonali ta' JavaScript aktar attraenti viżwalment u aktar faċli biex tikteb. Madankollu, l-użu tal-funzjonijiet tal-vleġġa jagħmel dan ħafna aktar leġibbli u konċiż.
19. B'Destructuring, tista 'malajr tassenja valuri varjabbli
Aktar kmieni f'din il-kariga, tgħallimna dwar l-operatur tat-tixrid f'JavaScript. Id-destrutturar huwa simili għad-destrutturar peress li jneħħi wkoll id-dejta li tinsab fi ħdan arrays.
Id-distinzjoni hija li dawn il-valuri mhux ippakkjati jistgħu jiġu assenjati għal varjabbli distinti. Is-sintassi hija identika għal dik tal-[] shortcut meta tifforma array. Il-parentesi, madankollu, jitqiegħdu fuq in-naħa tax-xellug tal-operatur tal-assenjazzjoni din id-darba. Hawn illustrazzjoni.
20. Agħmel diversi proġetti
Kwalunkwe talent jieħu prattika konsistenti, għalhekk ipprova tibni varjetà ta 'proġetti biex ttejjeb il-kapaċitajiet tiegħek u tikseb għarfien espert b'varjetà ta' xenarji ta 'programmazzjoni.
Waqt li taħdem fuq il-proġetti, ser tesperjenza diversi sfidi u difetti, li jagħtuk l-għarfien espert meħtieġ. Allura tipprova toħroġ bi proġetti, u hemm għadd kbir ta 'ideat u eżempji fuq l-internet biex jgħinuk. Kompli tiżviluppa l-kodiċi, u l-kapaċitajiet tiegħek se jitjiebu.
konklużjoni
Jista' jkun diffiċli li titgħallem lingwa tal-kompjuter bħal JavaScript. Jekk int serju li ssir programmatur tajjeb u li tiżgura l-ewwel impjieg tiegħek, allura dawn l-istrateġiji ta 'tagħlim JavaScript jistgħu jgħinuk tħaffef il-proċess ta' tagħlim tiegħek.
Kun żgur li tipprattika l-kodifikazzjoni fuq bażi regolari, tieħu noti bir-reqqa waqt li titgħallem ideat ġodda, u tutilizza l-għodod kollha aċċessibbli għalik. Fuq kollox, oħroġ hemmhekk u ibda l-kodifikazzjoni filwaqt li tieħu pjaċir.
Ħalli Irrispondi