Javascript: Obiectul console si functia throw

Inveti sa folosesti functiile obiectului console si functia throw

Eu inainte foloseam functia alert() pentru debug, in felul acesta stiam ce valori au unele variabile la un moment dat.
Dar exista functii mult mai bune pentru a face debug in javascript, functii ca console.log(), console.debug() si throw new Error();

console.log('Acesta este un exemplu', [1,2,3], {1: 'Acesta este un obiect'});

• console.warn()
Folosit pentru a scrie in consola o alerta.
In fata textului apare un icon cu semnul exclamarii si textul este scris pe background de culoare galbena
Exemple:

console.warn('Acesta este o alerta.');
console.warn('Aceasta','este','o','alerta');
console.warn(['acesta','este','o','alerta']);
console.warn('Aceasta este o %s','alerta');
Output:




• console.error()
Folosit pentru a scrie in consola o eroare. A semnala o eroare, ceva iesit din comun ce impiedica buna functionare a aplicatiei.
In fata textului(erorii) apare o iconita rosie cu un „X” iar textul este scris cu rosu pe background de culoare roz.
Exemple:

console.error('Ba! Avem o eroare!');
console.error('Ba! Avem ', { ce_avem : 'o eroare' });
console.error('Ba! Avem o eroare?', true);
Output:




• console.debug()
Folosit pentru debug, afiseaza si un link in partea dreapta cu linia unde ati apelat functia.
Textul este simplu ca la console.log() si se poate adauga un style.
Exemple:

console.debug('Exemplu simplu');
console.debug('%c Se poate adauga un style ca la console.log ','color:blue; background-color:green;')
Output:




• console.log()
Acum sa intram mai mult in partea de style. Probabil deja ti-am starnit interesul cand ai observat ca la console.debug() se poate adauga un style.
Textul este scris simplu in consola, dar se poate adauga un style.
Style-ul se adauga punand %c inaintea textului unde doresti sa apara style-ul, iar dupa aceea adaugi un argument cu acel style.
Aveti grija la ordinea argumentelor, exersati putin(deschideti consola(Shift+Ctrl+K) acum si testati pe pielea voastra functiile).
Exemple:

console.log('%c Exemplu in culori','color:blue; background-color:red;');
console.log('%c Primul text colorat %c Al doilea text colorat ', 'color:black; background-color:green;','color:blue; background-color:red;');
console.log('%c Imi plac culorile %c Tie?' , 'color:green; background-color:red;' ,'color:white; background-color:black;' , 'Mie nu-mi plac',['sunt urate'] );
console.log('%c %s','color:red; background-color:yellow;','Si multe alte combinatii');
Output:




• throw new Error()
Foarte rar folosita, dar este bine sa o stiti.
Cu acest obiect puteti face propriile voastre erori. De mentionat ca rularea codului javascript dupa throw new Error() se opreste.
Exemple simple:

throw new Error('A aparut o eroare neasteptata.');
throw new Error('A aparut o eroare neasteptata.'); alert('Cod dupa throw new Error()');


Exemplu mai complicat ce testeaza daca vizitatorul a introdus un numar, in caz ca nu este numar „testeaza” o eroare si in caz ca este numar nu face nimic:

function test_int(){
	try{
		var numar = prompt('Introdu un numar:');
		if( numar != parseInt(numar) ){
			throw new Error('Trebuie sa introduceti un numar.')
		}
	} catch(e){
		alert(e.name+': '+e.message);
	}
}
Demo: Click pentru a testa functia

Comments Nota 0 din 0

asfasf

9 years ago

asf

asfasf

9 years ago

asf