Sadržaj[Sakrij][Prikaži]
- 1. Poboljšajte svoje osnovno znanje
- 2. Iskoristite objektno orijentiranu strategiju
- 3. Iskoristite funkcije čak i ako su male
- 4. Umjesto ==, koristite ===
- 5. Koristite JSLint
- 6. Skripte treba postaviti na dno vaše stranice
- 7. Najbrži način da se napravi niz
- 8. Dodajte komentar svom kodu
- 9. Iskoristite literale predložaka
- 10. Iteratori i za ... petlji
- 11. Koristite {} umjesto new Object()
- 12. Razmislite o stavljanju let i const u svoj kod
- 13. eval() nije dobra ideja
- 14. Spread Operator je vrlo koristan
- 15. čekanje i asinhronizacija
- 16. Koristite metodu include() u Javascriptu
- 17. Uklonite stavke iz niza koristeći Spajanje
- 18. Iskoristite funkciju strelice
- 19. Sa destrukturiranjem, možete brzo dodijeliti vrijednosti varijabli
- 20. Napravite nekoliko projekata
- zaključak
Ako ste ikada bili zainteresovani za web razvoj, verovatno ste naišli na JavaScript. Objektno orijentisani programski jezik je JavaScript. Programeri ga koriste da bi web stranice na strani klijenta (prednji kraj) učinili dinamičnim i interaktivnim.
Također se koristi za kreiranje web stranica i web aplikacija, uz HTML i CSS. Danas ne postoji web stranica na internetu koja nema JavaScript kod. To je postao neraskidivi aspekt posla programera.
Zaista, on se stalno povećava. Iako je JavaScript najbolje prepoznat po pružanju funkcionalnosti web stranicama, on se također koristi u okruženjima koja nisu JavaScript. Node.js, Apache Couch-DB i Adobe Acrobat su primjeri ovih tehnologija. Za pokretanje JavaScripta, većina modernih web pretraživača sadrži ugrađeni motor za izvršavanje JavaScripta. Ako želite da budete uspješan web programer, morat ćete se baviti JavaScriptom.
Morate se pozabaviti time danas ili sutra. Zašto ne naučite JavaScript unaprijed kako biste bili spremni kada za to dođe vrijeme?
Ovo ćete naučiti na ovoj sesiji. Objašnjava kako da ostanete korak ispred svojih kolega web programera tako što ćete ugladiti svoj JavaScript.
Počnimo!
1. Poboljšajte svoje osnovno znanje
Počeću sa jednom zaista osnovnom mišlju i izjavom koju ste čuli od malih nogu. Naučite osnove i primenite ih u praksi. Mnogo puta ćete primjenjivati logiku kodiranjem, ali ćete zaboraviti da već postoji ugrađena funkcija za to, kao što je rezanje niza. Kada pokrenete JavaScript kod, možete dobiti grešku, a kao rezultat toga, mnoge dodatne funkcije prestaju da rade.
Ovo može biti uzrokovano jednim dvotočkom ili obrnutim zarezima. Ove stvari nastaju kao rezultat nerazumijevanja osnova. Mnogo puta se u jednom programu koristi osnovna petlja kao što je for, which ili do while. Petlje su jedna od najosnovnijih programskih konstrukcija.
Prilično je teško kodirati, pa čak i imati priliku raditi za firmu ako niste upoznati s petljama i drugim osnovama. Ovladavanje vašim osnovama je ključno jer one pružaju čvrstu osnovu na kojoj se razvija složena logika i reputacija rješenja.
2. Iskoristite objektno orijentiranu strategiju
Objektno orijentirana metoda je danas najpoznatiji pristup programiranju. Objektno orijentisani pristup, koji je započeo sa C++, od tada je izuzetno porastao u popularnosti. Danas se samo objektno orijentirano programiranje koristi za kreiranje svih glavnih jezika. Objektno orijentirana strategija je ona koja je fokusirana na određeni objekt.
Stavka tada postaje temeljni entitet. Ovaj objekt se zatim koristi za dodavanje atributa i funkcija stranici kao osnovu. Također možete koristiti tradicionalnu metodu kreiranja koda od vrha do dna bez ikakvih funkcija ili objekata. Ovo je preopširno i nikada ne bi trebalo pokušavati. Prilikom razvoja koda, trebali bismo koristiti funkcionalni pristup, a ako koristimo funkcije, trebali bismo koristiti objekte.
Dakle, u početku, nastojte da konvertujete svoj ekstenzivni kod u objektno orijentisani kod i uvek pišite svoj kod u objektno orijentisanom stilu. Kada proučavate tuđi kod, stalno ćete gledati objektno orijentirane tehnike. Ako želite da savladate JavaScript, najbolje je da se dočepate toga.
3. Iskoristite funkcije čak i ako su male
Programiranje s funkcionalnim pristupom je sjajan način. Zašto? On odvaja vaš softver u module koji funkcionišu zajedno, ali se i dalje razlikuju jedan od drugog. Dozvolite mi da vam dam primjer koji će vam pomoći da shvatite.
Srednji kvadrat cijelih brojeva može se izračunati pomoću funkcije. Da biste to učinili, morate kvadrirati cijele brojeve, izračunati njihovu srednju vrijednost, a zatim izračunati kvadratni korijen srednje vrijednosti. Postoje tri faze u procesu. Kao rezultat, možemo koristiti tri funkcije. Ali, kao što vidite, sve ove funkcije su međusobno povezane. Izlaz jednog se šalje drugom, a mi dobijamo krajnji rezultat.
Pretpostavimo da vam je umjesto tri funkcije potrebna samo jedna za izračunavanje RMS-a na osnovu više faktora. Konačno rješenje, kao što vidite, nije tačno. Biće vam prilično teško odrediti šta je pošlo po zlu u tako velikom događaju u ovom trenutku.
S druge strane, posjedovanje tri male funkcije omogućit će vam brzu analizu. Kao rezultat toga, čak i ako su funkcije skromne, koristite ih za definiranje različitih kodnih modula. Ova tehnika će vam pomoći da postanete stručnjak za JavaScript poput magije.
Pogledajmo sada nekoliko savjeta za JavaScript kodiranje.
4. Umjesto ==, koristite ===
U JavaScript-u postoje dva tipa operatora jednakosti: strogi operatori jednakosti === i !== i nestrogi operatori jednakosti == i !=. Kada se upoređuje, smatra se najboljom praksom da se uvijek koristi tačna jednakost. Međutim, kada radite sa == i !=, naići ćete na probleme kada se bavite različitim vrstama.
Kada su tipovi vrijednosti koje upoređujete različiti, nestrogi operatori će pokušati prisiliti njihove vrijednosti, što može dovesti do neočekivanih ishoda.
5. Koristite JSLint
Douglas Crockford je kreirao JSLint, program za otklanjanje grešaka. Jednostavno stavite svoju skriptu u kutiju i ona će je brzo skenirati za bilo kakve greške ili nedostatke.
JSLint ispituje JavaScript izvorni fajl. Ako se otkrije problem, šalje poruku s opisom problema i približnom pozicijom unutar izvora. Problem nije uvijek sintaktička greška, iako je čest slučaj.
JSLint ispituje i stilske norme i strukturalna pitanja. To ne znači da je vaš softver tačan. To samo dodaje još jedan par očiju kako bi pomogao u otkrivanju problema. Prije nego što se odjavite sa skripte, pokrenite je kroz JSLint kako biste bili sigurni da niste počinili nijednu grešku.
6. Skripte treba postaviti na dno vaše stranice
Primarni cilj korisnika je da se stranica učita što je brže moguće. Pretraživač ne može nastaviti s učitavanjem skripte dok se ne učita cijeli fajl. Kao rezultat toga, korisnik će morati duže čekati da vidi napredak.
Ako imate JS datoteke koje se koriste samo za pružanje funkcionalnosti (na primjer, jednom kada se pritisne dugme), stavite ih na dno stranice, neposredno prije završne oznake tijela. Ovo je nesumnjivo najbolja praksa.
7. Najbrži način da se napravi niz
Kada trebate obići niz ili objekt, nemojte uvijek koristiti svoju naredbu trusty for petlje. Upotrijebite svoju maštu da dođete do najbržeg rješenja za vaš zadatak. Neću vam donositi brojeve; jednostavno ćete mi morati vjerovati (ili testirati sami).
Ovo je najbrža tehnika do sada.
8. Dodajte komentar svom kodu
Možda se isprva čini besmislenim, ali vjerujte mi kada kažem da biste trebali komentarisati svoj kod što je češće moguće. Šta ako se vratite projektu mjesecima kasnije i ne možete se sjetiti svog prvobitnog procesa razmišljanja?
Šta ako vaš kod mora ažurirati neko od vaših kolega? Važna područja vašeg koda uvijek treba komentirati.
9. Iskoristite literale predložaka
Ograničenja nizova kreiranih dvostrukim ili jednostrukim navodnicima su brojna. Da bi rad s njima bio mnogo lakši, možete odabrati da neke svoje stringove zamijenite literalima šablona.
Povratni znak (') se koristi za pravljenje literala šablona, što ima niz prednosti. Možete ih koristiti za pohranjivanje izraza ili za izgradnju višelinijskih stringova.
Kao što možete vidjeti, za razliku od konvencionalnog string literala konstruiranog jednostrukim ili dvostrukim navodnicima, nismo morali više puta ulaziti i izlaziti iz našeg literala šablona. Ovo minimizira vjerovatnoću grešaka u kucanju i omogućava nam da napišemo čistiji kod.
10. Iteratori i za ... petlji
Iteratori su objekti u JavaScriptu koji implementiraju next() metodu za vraćanje objekta koji pohranjuje sljedeću vrijednost u nizu, kao i true ili false u zavisnosti od toga da li je preostalo još vrijednosti. To znači da ako implementirate protokol iteratora, možete izgraditi vlastite objekte iteratora.
Postoje neki ugrađeni iteratori u JavaScript-u, kao što su String, Array, Map, itd. Možete koristiti for … petlje za ponavljanje kroz njih. U poređenju sa običnim for petljama, ovo je sažetije i manje podložno greškama. Ne moramo da pratimo kompletnu dužinu niza ili trenutni indeks koristeći for...of petlju. Prilikom dizajniranja ugniježđenih petlji, ovo može pomoći da se kod pojednostavi.
11. Koristite {} umjesto new Object()
U JavaScript-u možete napraviti objekte na različite načine. Korištenje novog konstruktora, kao što je prikazano, je konvencionalniji način. Ova strategija je, s druge strane, označena kao „loša praksa“.
Nije destruktivno, ali je malo razgovijetno i jedinstveno. Umjesto toga, predlažem korištenje tehnike literala objekta.
12. Razmislite o stavljanju let i const u svoj kod
Možemo koristiti ključnu riječ let da napravimo lokalne varijable koje imaju opseg za svoj vlastiti blok. Možemo koristiti ključnu riječ const za konstruiranje lokalnih varijabli s opsegom bloka koje se ne mogu promijeniti.
Kada deklarirate varijable, trebali biste razmisliti o korištenju ključnih riječi let i const kada je to primjenjivo. Zapamtite da ključna riječ const onemogućuje samo ponovno dodjeljivanje. Takođe ne čini promenljivu nepromenljivom.
13. eval() nije dobra ideja
Metoda eval(), za one koji nisu svjesni, omogućava nam pristup JavaScript-ovom kompajleru. U suštini, možemo koristiti eval da izvršimo rezultat niza tako što ćemo ga dostaviti kao ulaz ().
Ne samo da će ovo značajno usporiti vašu skriptu, već nudi i značajnu zabrinutost za sigurnost jer predanom tekstu daje previše autoriteta. Izbjegnite to po svaku cijenu!
14. Spread Operator je vrlo koristan
Da li ste ikada imali potrebu da prenesete sve stavke u nizu kao pojedinačne elemente u drugu funkciju, ili trebate staviti sve vrijednosti iz jednog niza u drugi? Upravo to nam omogućava da postignemo operator širenja (...). Evo ilustracije.
15. čekanje i asinhronizacija
Kreirajte asinkrone funkcije koristeći ključnu riječ async, koja uvijek vraća obećanje, eksplicitno ili implicitno.
Ključna riječ await može se koristiti u asinkronim funkcijama za zaustavljanje izvršavanja dok se ne završi rješavanje povratnih obećanja. Izvan vaše async funkcije, kod će nastaviti da radi normalno.
16. Koristite metodu include() u Javascriptu
U JavaScript-u, funkcija include() određuje da li niz sadrži isporučene znakove ili da li niz sadrži navedeni element.
Ova metoda vraća true ako je niz ili element otkriven; u suprotnom, vraća false. Vrijedi napomenuti da je funkcija String contains() osjetljiva na velika i mala slova. Ako želite podudariti niz bez obzira na velika i mala slova, jednostavno prvo upišite ciljni tekst malim slovima.
17. Uklonite stavke iz niza koristeći Spajanje
Da bi uklonili stavku iz niza, vidio sam programere koji koriste funkciju brisanja. Ovo je pogrešno jer, umjesto brisanja objekta, metoda delete ga zamjenjuje nedefiniranim.
Najlakši način da uklonite element iz niza ovisno o njegovoj vrijednosti u JavaScript-u je korištenje funkcije indexOf() da dobijete broj indeksa te vrijednosti u nizu, a zatim izbrišete tu vrijednost indeksa metodom splice().
18. Iskoristite funkciju strelice
Funkcije sa strelicama su još jedna važna karakteristika koja je upravo dodana u JavaScript.
Imaju gomilu prednosti. Za početak, oni čine funkcionalne dijelove JavaScripta vizualno privlačnijima i lakšim za pisanje. Međutim, korištenje funkcija strelica ovo čini mnogo čitljivijim i sažetijim.
19. Sa destrukturiranjem, možete brzo dodijeliti vrijednosti varijabli
Ranije u ovom postu naučili smo o operatoru širenja u JavaScriptu. Destrukturiranje je slično destrukturiranju po tome što takođe raspakuje podatke sadržane u nizovima.
Razlika je u tome što se ove nepakirane vrijednosti mogu dodijeliti različitim varijablama. Sintaksa je identična onoj kod prečice [] kada se formira niz. Zagrade se, međutim, ovaj put stavljaju na lijevu stranu operatora dodjeljivanja. Evo ilustracije.
20. Napravite nekoliko projekata
Za svaki talenat potrebna je dosljedna praksa, stoga pokušajte izraditi različite projekte kako biste usavršili svoje sposobnosti i stekli stručnost s različitim scenarijima programiranja.
Dok radite na projektima, iskusit ćete nekoliko izazova i nedostataka koji će vam pružiti potrebnu stručnost. Stoga pokušajte osmisliti projekte, a na internetu postoji mnoštvo ideja i primjera koji će vam pomoći. Nastavite sa razvojem koda i vaše sposobnosti će se poboljšati.
zaključak
Možda će biti teško naučiti kompjuterski jezik kao što je JavaScript. Ako ozbiljno želite postati dobar programer i osigurati svoj prvi posao, onda vam ove strategije učenja JavaScripta mogu pomoći da ubrzate proces učenja.
Pobrinite se da redovno vježbate kodiranje, vodite temeljne bilješke dok učite nove ideje i koristite sve alate koji su vam dostupni. Iznad svega, izađite i počnite kodirati dok se zabavljate.
Ostavite odgovor