Table of Contents[Kache][Montre]
- 1. Amelyore konesans de baz ou
- 2. Sèvi ak yon estrateji oryante objè
- 3. Sèvi ak fonksyon menm si yo piti
- 4. Olye de ==, sèvi ak ===
- 5. Sèvi ak JSLint
- 6. Scripts yo ta dwe mete nan pati anba a nan paj ou a
- 7. Fason ki pi rapid pou fè yon fisèl
- 8. Ajoute yon kòmantè nan kòd ou a
- 9. Sèvi ak Literal Modèl
- 10. Iteratè ak pou ... nan Loops
- 11. Sèvi ak {} olye de nouvo Object()
- 12. Konsidere mete let ak const nan kòd ou a
- 13. eval() Se pa yon bon lide
- 14. Operatè a gaye vini an sou la men
- 15. tann ak async
- 16. Sèvi ak metòd includes() nan Javascript
- 17. Retire atik nan yon etalaj lè l sèvi avèk Splice
- 18. Sèvi ak Fonksyon Flèch
- 19. Avèk Destriktirasyon, ou ka byen vit bay valè varyab
- 20. Fè plizyè pwojè
- konklizyon
Si ou te janm enterese nan devlopman entènèt, pwobableman ou te rankontre JavaScript. Yon langaj pwogram oryante objè se JavaScript. Devlopè yo sèvi ak li pou fè paj entènèt yo 'bò kliyan (front end) dinamik ak entèaktif.
Li itilize tou pou kreye paj entènèt ak aplikasyon pou entènèt, ak HTML ak CSS. Pa gen yon paj entènèt sou entènèt la jodi a ki pa gen kòd JavaScript. Li vin tounen yon aspè inextricable nan travay yon pwomotè.
Vreman vre, li ap ogmante piti piti. Malgre ke JavaScript pi byen rekonèt pou bay fonksyonalite nan paj wèb, li se travay tou nan anviwònman ki pa JavaScript. Node.js, Apache Couch-DB, ak Adobe Acrobat se egzanp teknoloji sa yo. Pou fonksyone JavaScript, pi fò navigatè entènèt modèn yo genyen yon motè ekzekisyon JavaScript entegre. Si ou vle vin yon pwomotè entènèt ki gen siksè, ou pral oblije fè fas ak JavaScript.
Ou dwe abòde li jodi a oswa demen. Poukisa ou pa aprann JavaScript davans pou w ap prepare lè lè a rive?
Sa a se sa ou pral aprann nan sesyon sa a. Li eksplike kijan pou w rete yon etap devan devlopè entènèt parèy ou yo lè w polise JavaScript ou.
Ann kòmanse!
1. Amelyore konesans de baz ou
Mwen pral kòmanse ak yon panse vrèman fondamantal ak deklarasyon ke ou te tande depi ou te yon jèn. Aprann fondamantal yo epi mete yo an pratik. Anpil fwa, ou pral aplike lojik ak kodaj, men ou pral bliye ke gen deja yon fonksyon bati-an pou li, tankou tranche yon etalaj. Lè ou kouri kòd JavaScript, ou ka jwenn yon erè, epi kòm yon rezilta, anpil karakteristik adisyonèl sispann travay.
Sa a ka koze pa yon sèl kolon oswa vigil Envèse. Bagay sa yo rive kòm yon rezilta nan yon mank de konpreyansyon sou fondamantal yo. Anpil fwa nan yon pwogram sèl, yon bouk debaz tankou pou, ki, oswa fè pandan y ap travay. Loops se youn nan konstriksyon pwogram ki pi fondamantal.
Li trè difisil pou kòd e menm gen yon chans pou yo travay pou yon konpayi si ou pa abitye ak looping ak lòt fondamantal. Bwose sou fondamantal ou se kritik paske yo bay yon fondasyon solid sou ki devlope lojik konplike yon solisyon ak repitasyon.
2. Sèvi ak yon estrateji oryante objè
Metòd oryante objè a se apwòch pwogramasyon ki pi koni jodi a. Apwòch la oryante objè, ki te kòmanse ak C++, te grandi nan popilarite anpil depi lè sa a. Jodi a, se sèlman pwogram oryante objè yo itilize pou kreye tout lang prensipal yo. Yon estrateji oryante objè se youn ki konsantre sou yon objè espesifik.
Lè sa a, atik la vin tounen yon antite fondamantal. Lè sa a, objè sa a itilize pou ajoute atribi ak fonksyon nan paj la kòm yon baz. Ou kapab tou itilize metòd tradisyonèl pou kreye kòd depi anwo jouk anba san okenn fonksyon oswa objè. Sa a se byen lwen twò vaste epi yo pa ta dwe janm eseye. Lè nou devlope kòd, nou ta dwe itilize yon apwòch fonksyonèl, epi si nou itilize fonksyon, nou ta dwe itilize objè yo.
Se konsa, nan kòmansman an, fè efò konvèti kòd vaste ou a nan kòd objè-oryante, epi toujou ekri kòd ou nan yon style objè-oryante. Lè w etidye kòd lòt moun, w ap toujou ap gade teknik oryante objè. Si ou vle metrize JavaScript, li pi bon si ou jwenn men ou sou li.
3. Sèvi ak fonksyon menm si yo piti
Pwogramasyon ak yon apwòch fonksyonèl se yon fason formidable ale. Poukisa? Li separe lojisyèl ou an nan modil ki fonksyone ansanm men yo toujou diferan youn ak lòt. Kite m ba w yon egzanp pou ede w konprann.
Yo ka kalkile kare mwayèn nan rasin nonm antye yo lè l sèvi avèk yon fonksyon. Pou fè sa, ou dwe kare nonm antye yo, kalkile mwayèn yo, epi answit kalkile rasin kare mwayèn nan. Gen twa faz nan pwosesis la. Kòm yon rezilta, nou ka anplwaye twa fonksyon. Men, jan ou ka wè, tout fonksyon sa yo konekte. Se pwodiksyon an nan yon sèl voye nan yon lòt, epi nou resevwa rezilta final la.
Ann pretann ke olye de twa fonksyon, ou senpleman bezwen youn pou kalkile RMS ki baze sou plizyè faktè. Solisyon final la, jan ou ka wè, pa kòrèk. Li pral byen difisil pou ou detèmine kisa ki te ale mal nan yon evènman konsa gwo nan pwen sa a.
Gen twa ti fonksyon, nan lòt men an, pral pèmèt ou analize rapidman. Kòm yon rezilta, menm si fonksyon yo modès, itilize yo pou defini modil kòd diferan. Teknik sa a pral ede w vin yon ekspè JavaScript tankou majik.
Koulye a, an n gade kèk konsèy JavaScript codage.
4. Olye de ==, sèvi ak ===
Nan JavaScript, gen de kalite operatè egalite: operatè egalite strik === ak !==, ak operatè egalite ki pa strik == ak !=. Lè w konpare, li konsidere kòm pi bon pratik pou toujou anplwaye egalite egzak. Lè w ap travay ak == ak !=, menm si, ou pral rankontre pwoblèm lè w ap fè fas ak kalite diferan.
Lè kalite valè yo, w ap konpare yo diferan, operatè ki pa strik yo pral eseye fòse valè yo, ki ta ka mennen nan rezilta inatandi.
5. Sèvi ak JSLint
Douglas Crockford te kreye JSLint, yon debugger. Senpleman mete script ou a nan bwat la, epi li pral byen vit tcheke li pou nenpòt ki pinèz oswa defo.
JSLint egzamine yon dosye sous JavaScript. Si yo dekouvri yon pwoblèm, li voye yon mesaj ak yon deskripsyon pwoblèm nan ak yon pozisyon apwoksimatif nan sous la. Pwoblèm nan se pa toujou yon erè sentaktik, menm si li se souvan ka a.
JSLint egzamine tou de nòm stil ak pwoblèm estriktirèl. Li pa vle di ke lojisyèl ou a egzat. Li jis ajoute yon lòt pè nan je ede nan deteksyon an nan pwoblèm. Anvan ou siyen sou yon script, kouri li atravè JSLint asire w ke ou pa te komèt okenn erè.
6. Scripts yo ta dwe mete nan pati anba a nan paj ou a
Objektif prensipal itilizatè a se pou paj la chaje pi vit ke posib. Navigatè a pa ka kontinye chaje yon script jiskaske dosye konplè a te chaje. Kòm yon rezilta, itilizatè a pral oblije rete tann pi lontan pou wè nenpòt pwogrè.
Si ou gen fichye JS ki itilize sèlman pou bay fonksyonalite (pa egzanp, yon fwa yo peze yon bouton), mete yo nan pati anba a nan paj la, jis anvan tag kò a fèmen. Sa a se san dout pratik ki pi rafine.
7. Fason ki pi rapid pou fè yon fisèl
Lè ou bezwen bouk alantou yon etalaj oswa objè, pa toujou sèvi ak deklarasyon trusty for bouk ou a. Sèvi ak imajinasyon ou pou vini ak solisyon an pi rapid pou travay la nan men yo. Mwen pa pral pote nimewo ou; ou pral tou senpleman oblije fè mwen konfyans (oswa teste pou tèt ou).
Sa a se teknik ki pi rapid la byen lwen.
8. Ajoute yon kòmantè nan kòd ou a
Li ka parèt initil okòmansman, men fè m konfyans lè mwen di ke ou ta dwe fè kòmantè sou kòd ou osi souvan ke posib. E si ou retounen nan pwojè a mwa pita epi ou pa ka sonje pwosesis panse orijinal ou a?
E si youn nan kòlèg travay ou yo ta dwe mete kòd ou a ajou? Zòn enpòtan nan kòd ou ta dwe toujou fè kòmantè sou.
9. Sèvi ak Literal Modèl
Kontrent yo nan fisèl kreye ak quotes doub oswa yon sèl yo anpil. Pou fè travay avèk yo pi fasil, ou ta ka chwazi ranplase kèk nan fisèl ou yo ak literal modèl.
Karaktè backtick (') yo itilize pou konstwi literal modèl, ki gen yon kantite avantaj. Ou ka sèvi ak yo pou sere ekspresyon oswa pou konstwi kòd milti-liy.
Kòm ou ka wè, kontrèman ak yon fisèl konvansyonèl literal konstwi ak quotes sèl oswa doub, nou pa t 'gen repete ale nan ak soti nan literal modèl nou an. Sa a minimize chans pou yo tape erè epi li pèmèt nou ekri kòd ki pi pwòp.
10. Iteratè ak pou ... nan Loops
Iteratè yo se objè ki nan JavaScript ki aplike metòd next() pou retounen yon objè ki estoke pwochen valè a nan yon sekans ansanm ak vre oswa fo selon si wi ou non gen plis valè ki rete. Sa vle di ke si ou aplike pwotokòl iteratè a, ou ka bati pwòp objè iteratè ou yo.
Gen kèk iteratè entegre nan JavaScript, tankou String, Array, Map, ak sou sa. Ou ka itilize pou ... nan bouk yo repete atravè yo. Lè yo konpare ak òdinè for boucles, sa a se plis succint ak mwens erè ki gen tandans. Nou pa oblije kenbe tras longè konplè etalaj la oswa endèks aktyèl la lè l sèvi avèk yon bouk for...of. Lè w ap desine bouk enbrike, sa ka ede senplifye kòd la.
11. Sèvi ak {} olye de nouvo Object()
Nan JavaScript, ou ka fè objè nan yon varyete fason. Sèvi ak nouvo konstrukteur a, jan yo montre, se yon fason ki pi konvansyonèl. Estrateji sa a, yon lòt bò, make kòm "pratik pòv."
Li pa destriktif, men li se yon ti kras mo ak inik. Mwen pwopoze olye de itilize teknik objè literal la.
12. Konsidere mete let ak const nan kòd ou a
Nou ka sèvi ak mo kle let la pou fè varyab lokal yo ki kad nan pwòp blòk yo. Nou ka itilize mo kle const la pou konstwi varyab lokal ki pa ka chanje.
Lè w ap deklare varyab yo, ou ta dwe konsidere itilize mo kle let ak const lè sa aplikab. Sonje ke mo kle const la enfim sèlman reassignment. Li pa fè varyab la pa chanje, tou.
13. eval() Se pa yon bon lide
Metòd eval() la, pou moun ki pa konnen, pèmèt nou jwenn aksè nan du JavaScript a. Esansyèlman, nou ka itilize eval pou egzekite rezilta yon fisèl lè nou bay li kòm yon opinyon ().
Se pa sèlman sa a siyifikativman ralanti script ou a, men li ofri tou yon enkyetid enpòtan pou sekirite paske li bay tèks la pase twòp otorite. Evite li a tout pri!
14. Operatè a gaye vini an sou la men
Èske w te janm bezwen transmèt tout atik yo nan yon etalaj kòm eleman endividyèl nan yon lòt fonksyon, oswa ou bezwen mete tout valè yo nan yon etalaj nan yon lòt? Sa a se egzakteman sa operatè a gaye (...) pèmèt nou reyalize. Men yon ilistrasyon.
15. tann ak async
Kreye fonksyon asynchrone lè l sèvi avèk mo kle async, ki toujou retounen yon pwomès, swa klèman oswa anplis.
Mo kle await la ka itilize nan fonksyon asynchrone pou sispann ekzekisyon jiskaske rezolisyon pwomès retounen yo fini. Andeyò fonksyon async ou a, kòd la ap kontinye kouri nòmalman.
16. Sèvi ak metòd includes() nan Javascript
Nan JavaScript, fonksyon includes() la detèmine si yon fisèl gen karaktè apwovizyone yo oswa si yon etalaj gen eleman espesifye a.
Metòd sa a retounen vre si yo dekouvri fisèl la oswa eleman; otreman, li retounen fo. Li vo mansyone ke Strings la gen () fonksyon se ka-sansib. Si ou vle matche ak yon fisèl kèlkeswa ka a, tou senpleman miniskil tèks sib la an premye.
17. Retire atik nan yon etalaj lè l sèvi avèk Splice
Pou retire yon atik nan yon etalaj, mwen te wè devlopè itilize fonksyon an efase. Sa a se inègza paske, olye ke efase objè a, metòd la efase ranplase li ak undefined.
Fason ki pi fasil pou retire yon eleman nan yon etalaj depann de valè li nan JavaScript se sèvi ak fonksyon indexOf() pou jwenn nimewo endèks valè sa a nan etalaj la, apresa efase valè endèks sa a ak metòd splice().
18. Sèvi ak Fonksyon Flèch
Fonksyon flèch yo se yon lòt karakteristik enpòtan ki jis te ajoute nan JavaScript.
Yo gen yon bato nan avantaj. Pou kòmanse, yo fè pati fonksyonèl JavaScript yo pi atiran vizyèlman ak pi fasil pou ekri. Sepandan, lè l sèvi avèk fonksyon flèch yo fè sa a pi plis lizib ak kout.
19. Avèk Destriktirasyon, ou ka byen vit bay valè varyab
Byen bonè nan pòs sa a, nou te aprann sou operatè a gaye nan JavaScript. Destriktirasyon se menm jan ak destriktirasyon nan ke li tou depake done ki genyen nan etalaj.
Distenksyon an se ke valè depake sa yo ka asiyen nan varyab diferan. Sentaks la idantik ak rakoursi [] lè li fòme yon etalaj. Parantèz yo, sepandan, yo mete sou bò gòch operatè plasman an fwa sa a. Men yon ilistrasyon.
20. Fè plizyè pwojè
Nenpòt talan pran pratik ki konsistan, kidonk eseye konstwi yon varyete pwojè pou amelyore kapasite w ak jwenn ekspètiz ak yon varyete de senaryo pwogramasyon.
Pandan w ap travay sou pwojè yo, ou pral fè eksperyans plizyè defi ak defo, ki pral ba ou ekspètiz ki nesesè yo. Se konsa, eseye vini ak pwojè, epi gen yon multitude nan lide ak egzanp sou entènèt la ede ou. Kontinye devlope kòd, epi kapasite w ap amelyore.
konklizyon
Li ta ka difisil pou aprann yon lang òdinatè tankou JavaScript. Si w serye pou w vin yon bon pwogramè epi pou w jwenn premye travay ou, Lè sa a, estrateji aprantisaj JavaScript sa yo ka ede w akselere pwosesis aprantisaj ou a.
Asire w ke ou pratike kodaj sou yon baz regilye, pran nòt bon jan pandan w ap aprann nouvo lide, epi itilize tout zouti ki aksesib pou ou. Pi wo pase tout, soti la epi kòmanse kodaj pandan w ap pran plezi.
Kite yon Reply