Corejs 02

Curs: Core ]avaScript Programming
Modul: lntroducere
Unitate: Sintaxa limbajului ]avaScript
n cadru aceste ec[ vom nva[a bazee sntaxe care se apca n
mba|u |avaScrpt. Spre deosebre de mba|ee de programare de
nve nferor, mba|ee de scrptng de obce nu mpca o mare
strcte[e n ceea ce prvete sntaxa conven[e. Acest ucru se
datoreaza faptuu ca mba|ee de nve nferor (mba|ee n care se
executa programee nsee) se foosesc pentru comuncarea dntre
utzator cacuator, n tmp ce mba|ee de scrptng se foosesc
pentru comuncarea dntre utzator program, aadar sunt adaptate
ma mut pentru utzator programuu dect pentru programator.
Bnen[ees, char n mba|ee de scrptng exsta anumte conven[
care trebue respectate pentru ca un anumt program-scrpt sa fe
func[ona.
Cnd este vorba de |avaScrpt, am men[onat de|a ca este vorba de un
dervat a mba|uu de programare C - ceea ce nseamna ca
ma|ortatea sntaxe este preuata de acoo.
Programee |avaScrpt sunt acatute dn nstruc[un grupate ntr-un
anumt boc. Aceste nstruc[un dn cadru programuu |avaScrpt
spun nterpreteruu sa execute una sau ma mute ac[un.
Instruc[une |avaScrpt pot f smpe sau compexe, a fe ca n ate
mba|e de programare. O nstruc[une n program este acatuta
dntr-un set de operator, smbour dentfcator grupa[ pentru ca
mpreuna sa creeze o enttate pe care o n[eege nterpreteru
|avaScrpt.
Liniile (declara]iile)
Adesea, regua sntaxe de programare este ca fecare ne de cod
trebue sa se termne cu semnu ";" (punct vrgua). Aceasta regua
este doar par[a vaaba pentru |avaScrpt. De fapt, n |avaScrpt nu
este obgatoru sa nchea[ o ne cu punct vrgua, acest ucru este
op[ona nexsten[a acestu semn nu va semnaa nco eroare n
browser, nsa aceasta conven[e de programare este att de puternca
nct este foarte greu sa ntn[ |avaScrpt fara punct vrgua a
sfrtu ne.
Copyright Link group 1 / 14
Modul: lntroducere
var x=1;
Fecare varaba dn mba|u |avaScrpt se defnete cu a|utoru
cuvntuu chee var. Denumrea varabe trebue defnta doar n
tmpu decarar varabe. De fecare data cnd avem nevoe de o
varaba defnta, aceasta se apeeaza n aa fe nct men[onam
denumrea varabe, fara vreun cuvnt chee n fa[a e:
// efectu?m declararea variabilei cu ajutorul cuvntului
cheie var
var x=1;
// apel?m variabila definit? n func?ia write(). Apelarea
se efectueaz? prin men?ionarea // denumirii variabilei,
f?r? cuvntul cheie var.
document.write(x);
Codu pe care scre[ n |avaScrpt este vzb pe pagna web
tocma de aceea este bne sa da[ dovada de ct ma muta
metcuoztate n munca dvs., aadar se recomanda termnarea ne
cu punct vrgua.
De asemenea, exsta momente cnd vrem sa screm codu ntr-o
sngura ne (cnd vrem sa facem un |avaScrpt dntr-un hander de
evenment HTML (despre acest ucru vom dscuta ma trzu)). n astfe
de cazur, ne de cod, afate practc ntr-o sngura ne, trebue
neaparat separate cu semnu punct vrgua (;).
n |avaScrpt, a fe ca n ma|ortatea ator mba|e de programare,
exsta cazur cnd nu avem voe sa punem punct vrgua a sfrtu
nstruc[un. Semnu punct vrgua nu trebue ntrodus n ncun caz
n buce n ramfcare cond[onate. Aceasta regua exsta, deoarece
n tmpu defnr cond[or a buceor se subn[eege ca con[nutu
nstruc[un se va executa. Cnd defn[ cond[a, se subn[eege ca
ve[ defn a ce nstruc[un se va refer aceasta. Cond[a n sne nu are
ncun sens daca aceasta nu con[ne nstruc[un a care se refera. De
exempu, aceasta este o nstruc[une ncorecta:
if(x==2);
Modul: lntroducere
document.write(x);
Aceasta nstruc[une se va executa, nsa defnrea acestea nu
cond[oneaza nmc. Cu ate cuvnte, nu con[ne bocu cu nstruc[un
care se vor executa daca este ndepnta cond[a sau daca aceasta nu
este ndepnta. Ma mute deta despre cond[ ramfcare vor f
date ntr-una dntre ec[e vtoare, unde vom nva[a cum putem defn
corect o cond[e nstruc[une dn cadru e. n momentu de fa[a
este sufcent sa tm ca semnu punct vrgua nu ar trebu pus a
sfrtu nstruc[un f()
Blocurile
Cnd pe o pagna exsta un cod |avaScrpt, browseru trece prn e
pornete ne acestua, una cte una. No[unea de cod |avaScrpt
mpca o secven[a de n |avaScrpt organzate ntr-un boc |avaScrpt.
Dar ce este atunc un boc? n acest caz, un boc ar f orce secven[a
contnua de n |avaScrpt. Spre deosebre de codu compet, bocu
poate f acatut dntr-una sau ma mute n |avaScrpt ncadrate de
asemenea cu |avaScrpt.
De exempu, daca avem urmatoru cod:
var a=1;
var b=2;
var c=a+b;
document.write(c);
pur smpu am putea sa spunem ca na 3 4 dn codu precedent
este un boc care cacueaza emte vaoarea c.
Pentru ca un cacuator sa poata nregstra un cod sub forma de boc
separat, acesta trebue ntrodus ntre paranteze acoade:
{
acesta este un bloc
}
Modul: lntroducere
Bocu de cod dn exempu precedent, n afara func[e de prezentare,
nu are nco ata func[e, deoarece codu dn cadru bocuu va f
ntotdeauna executat.
Pentru ca bocu sa aba un ro n cadru programuu, executarea
con[nutuu sau trebue sa fe cond[onata:
condi?ie
{
acesta este un bloc
}
Case sensitivity
|avaScrpt este un mba| de programare Case senstve, ceea ce
nseamna ca va trata n mod dfert eementee scrse cu ma|uscua
mnuscua:
var A=10;
nu este acea ucru ca
var a=10;
De asemenea, trebue sa fm aten[ atunc cnd apeam anumte
cuvnte chee pentru ca acestea sa se execute. De exempu, cond[a f
nu este acea ucru cu IF. Daca gre[ atunc cnd ntroduce[
denumrea cuvntuu chee, nstruc[unea nu se va executa aa cum
dor[ va semnaa o eroare. n acest caz, |avaScrpt nu va recunoate
ca este vorba de un cuvnt chee, care se comporta ntr-un anumt
mod, aadar nstruc[unea se va executa n mod dfert. Toate
cuvntee chee se scru cu mnuscue. Excep[e sunt varabee pe care
e defn[ sngur, aa-numtee varabe defnte de utzator. n tmpu
defnr varabeor, ave[ bertatea sa combna[ ma|uscue
mnuscue aa cum dor[. Ceea ce este mportant n apearea une
varabe defnte este sa men[ona[ denumrea sa dentca. De
exempu :
Modul: lntroducere
var HoLa="Hola";
document.write(HoLa);
Dupa cum pute[ concuzona, n mba|u |avaScrpt totu este case
senstve, ncepnd de a varabe, pna a operator denumrea
func[or.
Comentarea codului
Daca vrem ca un con[nut sa fe memorat n codu sursa, dar fara ca
acest con[nut sa nfuen[eze executarea programuu, foosm
comentarea coduu. Comentare asgura ca codu sa fe ma uor de
revzut ma car. Char daca ntroducem n cod nte comenz de
execu[e a unor nstruc[un evdente, este posb ca aceste
nstruc[un sa nu ne ma para att de evdente data vtoare cnd
observam codu, n speca daca a trecut ceva tmp de cnd am scrs
codu respectv. De aceea, se recomanda comentarea nor de cod,
fndca prn comentar putem expca a ce se foosete fecare
nstruc[une dn cadru bocuu. Comentare sunt foarte ute pentru
expcarea unor ucrur pe care e pot n[eege ate persoane. n
|avaScrpt, codu se poate comenta ntr-o sngura ne de cod sau ca
un ntreg boc de nstruc[un a un oc, ucru pe care vom vedea
ntr-un exempu concret dn contnuarea aceste ec[.
Nu exsta mba| de programare n care sa nu exste op[unea de
comentare a coduu, aadar nc |avaScrpt nu face excep[e dn acest
punct de vedere.
Exsta mute cazur n care comentarea coduu repreznta o nevoe
practca. De exempu:
Crearea noteor de observa[e n tmpu dezvotar coduu. Este
foarte uor sa va perde[ n cazu coduror mar. De aceea,
trebue ntotdeauna comentate unta[e ogce ae coduu, pentru
ca n orce moment sa ave[ not[e care sa va reamnteasca a ce
servesc anumte par[ dn cod.
Un cod bne comentat facteaza munca programatoruu care
motenete codu respectv. De aceea, se recomanda ntodeauna
Modul: lntroducere
comentarea coduu n tmpu munc n echpa.
Ve[ manpua ma uor func[onata[e coduu. Aceasta
nseamna ca putem dezactva anumte par[ dn cod (sa e
transformam n comentaru) sau sa e actvam (sa emnam
comentaru). Daca programu nostru con[ne 100 de n de cod
pe care am vrea sa e dezactvam pentru un moment (nsa nu sa
e tergem), ce ma smpu mod este sa e comentam.
n |avaScrpt, codu se poate comenta n urmatoaree modur:
Prn utzarea nor obce (Sash)
De exempu, daca n codu nostru adaugam urmatoarea ne de
comentaru:
//acesta este comentariul codului
var a=1;
Cnd pornm, programu se va executa fara nco probema va
acorda o vaoare varabe a.
Totu, trebue sa avem gr|a asupra faptuu ca, de este nvzb
pentru nterpreter, acesta este uor vzb pentru utzator (a fe ca
ntregu cod |avaScrpt), aadar trebue evtate comentare sau
not[ee personae atunc cnd codu trece n medu de produc[e.
Un rnd comentat este ce care urmeaza dupa marca|u pentru
comentaru (//). Daca vrem sa comentam ma mute rndur (un boc),
putem:
comenta fecare rnd separat:
//primul rnd al comentariului
//al doilea rnd al comentariului
sau putem crea un aa-numt boc de comentaru:
Modul: lntroducere
/*
acesta este un bloc de comentariu
*/
unde marca|u /* ncepe bocu de comentaru, ar marca|u */ nchee
bocu de comentaru. Fecare text afat ntre aceste doua marca|e va f
tratat ca un comentaru.
Comentaru se poate adauga dupa o ne de cod, de exempu:
document.write("salut"); //comentariul meu
De |avaScrpt se afa de fapt n pagna HTML, pentru |avaScrpt nu
sunt vaabe marca|ee de comentare HTML (), c trebue fooste marca|ee pentru comentare pe care e-am
men[onat ma sus.
Spa]iul gol
Trebue sa tm ca ne de cod |avaScrpt nu sunt anaoage nor de
cod HTML, ceea ce nseamna ca daca trecem pur smpu ntr-un nou
rnd |avaScrpt nu nseamna ca n mod automat trecem ntr-un nou
rnd HTML (respectv ca pe pagna web va f afata trecerea ntr-un
nou rnd).
Pentru codu:
document.write("salut");
document.write("javascript");
Rezutatu pe pagna web va f urmatoru:
salutjavascript
Daca am dort ca rezutatu sa fe anaog nor de cod, rezutatu de
ma sus nu ar f fost vad. Pentru a ob[ne textu afat pe doua
rndur, n strngure respectve trebue sa ntroducem un tag HTML
Modul: lntroducere
adecvat pentru nou rnd.
document.write("salut<br>");
document.write("javascript");
Un astfe de cod, pe pagna web ar f dat un rezutat adecvat:
salut
javascript
Daca totu vrem sa screm textu ntr-un sngur rnd, este de dort sa
foosm spa[u go ntre cuvne (cu tasta Space de pe tastatura), pentru
ca pagna sa fe car zba. De exempu:
document.write("salut, "+"javascript ");
n strngu care se va scre, este sufcent sa specfcam spa[u go
|avaScrpt ne va scre doua cuvnte separate, ceea ce nu este cazu n
HTML, unde pentru spa[u trebue men[onata nstruc[unea . (punct).
n |avaScrpt, strngure se defnesc n cadru ghmeeor (" "). Pentru
unrea strnguror, foosm semnu +, a fe ca n mba|u de
programare |ava. Ma mute deta despre strngur se pot gas ct n
vtoaree ec[.
Exeri]iul nr. 1
Problem:
Exsta urmatoru program |avaScrpt:
<script>
var x = 2;
var y = 3;
alert(x+y);
alert(x*y);
alert(x-y);
alert(x/y);
Modul: lntroducere
</script>
Programu trebue corectat n aa fe nct acesta sa emta doar
rezutatu pentru adunare nmu[re, dar sa nu fe ters codu pentru
ceeate doua opera[.
Rezolvare:
var x = 2;
var y = 3;
alert(x+y);
alert(x*y);
//alert(x-y);
//alert(x/y);

Exerci]iul nr. 2
Problem:
Feru ndex.htm are urmatoru con[nut:
<script src="myScript.js"></script>
Feru myScrpt.|s are urmatoru con[nut:
var x = 2;
var y = 3;
alert(x+y);
alert(x*y);
alert(x-y);
alert(x/y);
Dmensunea feruu myScrpt.|s este de 74 de bytes, care trebue
mcorata n aa fe nct sa fe ma mca de 70 de bytes.
Rezolvare:
Modul: lntroducere
Con[nutu feruu myScrpt.|s trebue corectat n urmatoru mod:
var x = 2;var y =
3;alert(x+y);alert(x*y);alert(x-y);alert(x/y);
Exerci]iul nr. 3
Problem:
Urmatoru program |avaScrpt trebue sa afeze, ntr-o caseta pop-up,
rezutatu nmu[r ceor doua varabe, nsa acest ucru nu
func[oneaza. Trebue emnata eroarea astfe nct programu sa fe
func[ona.
<script>
var myVariable = 35;
var multiplier = 23;
var finalResult = myvariable*multiplier;
alert(finalResult);
</script>
Rezolvare:
Varaba myVarabe, afata n a treea rnd a programuu, este
scrsa ca myvarabe ceea ce mpedca executarea programuu.
<script>
var myVariable = 35;
var multiplier = 23;
var finalResult = myVariable*multiplier;
alert(finalResult);
</script>

Exerci]iul nr. 4
Problem:
Modul: lntroducere
Exsta urmatoru program |avaScrpt:
<script>
var x=1;
document.write(var x);
</script>
Acest program smpu con[ne varaba x cu o anumta vaoare care
trebue scrsa pe ecran. Cnd se deschde n browser, programu nu
scre nco vaoare pe ecran. Trebue corectata eroarea sa facem
programu func[ona.
Rezolvare:
Varaba x de a nceputu programuu este decarata, ar n urma
apear, aceasta se apeeaza prn cuvntu chee var, ceea ce este
ncorect.
<script>
var x=1;
document.write(x);
</script>
Modul: lntroducere
CORE]S_02 - Core ]avaScript Programming
1. La sfritul fiecrei linii de cod ]avaScript:
a) nu trebue sa screm marca|u ;
b) trebue sa screm marca|u ;
c) trebue sa screm marca|u :
d) trebue sa screm marca|u .
2. ln ]avaScript, blocurile de cod s ncadreaz cu:
a) paranteze acoade {}
b) paranteze rotunde ()
c) paranteze patrare ||
d) na sash cu steu[a /* */
3. ln ]avaScript, un comentariu alctuit dintr-o singur linie se
marcheaz cu:
a) /
b) --
c) *
d) //
4. ln liniile de cod ]avaScript, spa]iul gol:
a) nfuen[eaza nterpretarea coduu
b) nu nfuen[eaza nterpretarea coduu
c) nfuen[eaza nterpretarea coduu numa daca acesta se
afa n cadru bocuu
d) nfuen[eaza nterpretarea numa daca acesta nu este n
cadru bocuu
5. ln ]avaScript, urmtoarele dou linii de cod: var a=10; var
A=10;
a) sunt dentce, deoarece produc doua varabe cu aceea
denumre cu aceea vaoare
b) sunt dferte, deoarece produc doua varabe cu aceea
vaoare, dar de un tp dfert
Modul: lntroducere
c) sunt dferte, deoarece produc doua varabe cu un nume
dfert
A=20;
a) vor semnaa o eroare, deoarece se n[azeaza de doua
or varaba cu acea nume
b) vor n[aza doua varabe dferte
c) nu vor semnaa nco eroare, nsa codu nu va func[ona
d) vor semnaa o eroare, nsa codu va contnua sa
func[oneze
7. ln ]avaScript, variabilele se declar prin utilizarea
cuvntului cheie:
a) strng
b) var
c) get
d) return
Modul: lntroducere
1. La sfritul fiecrei linii de cod ]avaScript:
a
2. ln ]avaScript, blocurile de cod s ncadreaz cu:
a
3. ln ]avaScript, un comentariu alctuit dintr-o singur linie se
marcheaz cu:
d
4. ln liniile de cod ]avaScript, spa]iul gol:
b
A=10;
c
A=20;
b
7. ln ]avaScript, variabilele se declar prin utilizarea
cuvntului cheie:
b

Corejs 02

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Corejs 02

Încărcat de

Drepturi de autor:

Formate disponibile

Curs: Core ]avaScript Programming

S-ar putea să vă placă și