Javascript ir ļoti populāra web vides programmēšanas
valoda. Agri vai vēlu katrs izstrādātājs sāk darbu ar to. Šajā rakstā
apkopotas dažas laba darba metodes, kuras ļaus uzlabot zināšanas darbam
ar Javascript.
Pareizi izmantojiet tegu <script>
Kad Javascript kods jāievieto html failā, vienmēr jāizmanto tegs <script> šādā veidā :
1 | <script type="text/javascript"> |
2 | ... Javascript kods ...
|
Tomēr bieži vien izejas kodā mēs redzam šādu konstrukciju :
1 | <script type="text/javascript" language="javascript"> |
2 | ... Javascript kods ... |
HTML valodā atribūtu language nerekomendē izmantot kopā ar atribūtu type, nelietderības dēļ. Tādējādi jāiztiek vienkārši bez tā.
Saglabājiet savu kodu atsevišķā failā.
Izmantot failu .js priekš
Javascript koda ir ekonomiskāk, nekā iekļaut kodu pa tiešo HTML dokumentā,jo web pārlūks šo failu saglabā "kešatmiņā" , kā rezultātā pie turpmākām lapas atvēršanām tas nebūs jāielādē no jauna, kas uzlabos lapas ātrdarbību.
Izvietojiet savu Javascript kodu failā .js, un pēc tam ar tega <script> palīdzību jūsu HTML dokuments varēs importēt šo kodu no faila :
Neiekļaujiet kodu HTML komentāros.
90-jos gados daži vecāki web pārlūki nespēja interpretēt (saprast) Javascript. Tālab, lai novērstu nevēlamus rezultātus šādu pārlūku lapu attēlojumos, 1994-1997 gados sāka izmantot JavaScript koda iekļaušanu HTML komentāros, kā rezultātā vecākie pārlūki vienkārši ignorēja šo skriptu. Tas izskatījās šādi :
1 | <script language="JavaScript"> |
Tomēr jau 2010 visi web pārlūki (pat IE6, kas jāuzskata par brīnumu) spēj interpretēt Javascript, tālab nav vairs augstākaprakstītās vajadzības to iekļaut komentāros. Vēl vairāk - ja kods iekļauts komentāros un tiek izmantots dekrementa operators --, jūs varat sagaidīt nevēlamu pārsteigumu , jo pārlūks to var uztvert kā HTML komentāra beigas.
Kā darba vidi izmantojiet JavaScript bibliotēkas.
Neskatoties uz to, ka Javascript kods mēdz būt īss un vienkāršs, tomēr jācenšas izvairīties no atkārtotas "velosipēda izgudrošanas". Tādā gadījumā ļoti noderīgas ir darba vides, kurās iekļauts liels daudzums gatavu funkciju (jQuery, Mootools, DoJo u.t.t.). Izvēlieties sev vēlamāko darba vidi.
Vienmēr aprakstiet mainīgās vērtības, izmantojot "var"
Vienmēr jāizmnto izteiksme var
,aprakstot mainīgo vērtību, lai tā nenokļūtu globālajā kontekstā. Turklāt, izmantojot var jūsu kods kļūst lasāmāks un vieglāk uztverams. Lūk dažu mainīgo apraksti, izmantojot izteiksmi var :
Neiekļaujiet JavaScript komandas HTML kodā.
Pirms dažiem gadiem, kad programmists vēlējās pievienot notikumu HTML elementam (piemēram, datu pārbaudei pie formas aizpildīšanas), viņš vienkārši ievietoja Javascript kodu HTML dokumentā ar speciālu atribūtu palīdzību (piemēram, onblur, onchange,
onclick, u.t.t.). Piemērs:
1 | <input type="text" name="date" onchange="validateDate()" /> |
Viss lieliski darbojas, tomēr tam ir arī savi trūkumi.
HTML jāsatur tikai dokumenta apraksts, ne vairāk. Līdzīgi kā par sliktu praksi tiek uzskatīti "iebūvētie" CSS stili, arī "iebūvētas" JavaScript komandas ir slikts ieradums.
Tā vietā pareizāk izmantot specifiskas komandas ar pieslēgtas darba vides, piemēram, jQuery palīdzību, kā rezultātā vienkārši pārveidot augstāk aprakstīto, un JavaScript kodu iznest atsevišķā failā :
1 | $(document).ready(function(){ |
2 | $('input[name=date]').bind('change', validateDate); |
Pieslēdziet savus skriptus HTML dokumenta beigās.
Vēl ne tik sen par labu praksi skaitījās JavaScript pieslēgšanas rindas izvietot starp tegiem <head> un </head>
HTML dokumentā. Tomēr web pārlūki HTML dokumentu lasa no augšas uz leju, tādā secībā arī ielādējot ārējos failus. Tādējādi, ievietojot skripta pieslēgšanas rindas starp <head> un </head> noved pie tā, ka Javascript kods tiek ielādēts pirms lapas pamatsatura. Lai skriptus vienmēr ielādētu tikai pēc tam, kad lapas saturs jau ielādējies, Javascript failu pieslēgšana jāveic HTML dokumenta pašās beigās (apakšā) :
1 | <script src="myscript.js?"
type="text/javascript"></script> |
Izmantojiet JSLint
JSLint
- tā ir web aplikācija, kura ņem Javascript kodu un skanē to. Ja tiks atrastas jebkādas problēmas, JSLint par to paziņos, aprakstot atrasto problēmu un tās risinājuma variantus. JSLint - lielisks instruments, lai atrastu kļūdas jūsu kodā.
Neizmantojiet "document.write"
Vecā labā metode document.write netiek rekomendēta jau vairākus gadus. Tomēr tā joprojām visai bieži sastopama lapas kodā .
1 | document.write("hello
world"); |
Mūsdienās šīs metodes vietā tiek rekomendēts izmantot funkciju innerHTML kopā ar
DOM struktūru, lai izvadītu tekstu lapā :
1 | document.getElementById('hello').innerHTML('hello world'); |
