Curs Flash

In aceasta lectie sunt prezentate lucruri mai avansate legate de crearea obiectelor cu clasa Object, cum sunt imbricarea si parcurgerea lor.

1. Imbricare obiecte

Prin imbricarea obiectelor se intelege crearea de obiecte in interiorul altui obiect. Astfel, proprietatea unui obiect (valoarea ei) poate fi un Array sau chiar un alt obiect.
Studiind exemplul urmator si explicatiile din el, se poate intelege modul de realizare a obiectelor imbricate.

// Se creaza un obiect principal "Cursuri", cu 2 proprietati: "tip" si "site", si o metota "getCurs()"
// Prima proprietate, "tip", va avea ca valoare un Array cu 2 elemente
// A doua, "site", va avea ca valoare un alt obiect ce va avea si el o proprietate "url"
// Metoda "getCurs()" va prelua, dupa un parametru, o valoare din prima proprietate si
// pe cea din "url" (din obiectul imbricat), prin a doua proprietate

var Cursuri = new Object();
 Cursuri.tip = ['lectii', 'tutoriale'];         // Prima proprietate, un Array
 Cursuri.site = new Object();         // A doua proprietate (obiect intern)
   Cursuri.site.url = 'marplo.net';         // proprietatea obiectului intern
 Cursuri.getCurs = function(nr:int) {           // Metoda obiectului "Cursuri"
   var sir1 = this.tip[nr];             // Preia o valoare din proprietatea "tip"
   var sir2 = this.site.url;          // Preia valoarea proprietatii "url" (a obiectului imbricat)
   return sir1+ ' - '+ sir2
 };

// Se afiseaza in Output rezultatul returnat de apelarea metodei "getCurs()"
trace(Cursuri.getCurs(1));           // tutoriale - marplo.net
- Proprietatea "site" este definita ca un sub-obiect in cel principal (Cursuri);
- Observati ordinea apelarii din nstructiunea "this.site.url". Aceasta apeleaza proprietatea "url" care e definita in sub-obiectul "site" din obiectul principal (specificat prin "this").
- Prin expresia "Cursuri.getCurs(1)", metoda "getCurs" preia numarul 1 si, conform instructiunii "this.tip[nr]" obtine elementul cu indice 1 din Array-ul stocat in proprietatea "tip".

2. Parcurge obiecte

Parcurgerea elementelor dintr-un obiect se face la fel ca la parcurgerea unui Array asociativ, cu instructiunea "for ... in" sau "for each ... in".
Parcurgerea unui obiect este necesara cand se doreste utilizarea dinamica a elementelor din el, in functie de niste valori variabile. De obicei se foloseste pentru a verifica valorile proprietatilor sau numele lor si a metodelor.
Studiati urmatorul exemplu si explicatiile din el, in care sunt prezentate ambele modalitati; "for ... in" in cadrul unei functii "parsObj()" si "for each ... in" separat.

// Functia pt. parcurgere obiecte
// Preia 2 argumente: "obj" pt. obiectul de parcurs si "val" pt. valoarea ce trebuie cautata in el
function parsObj(obj:Object, val:*):String
{
  // Se defineste o variabila in care se adauga valoarea ce trebuie returnata de functie
  var re:String = 'no prop';

  //parcurgere "obj" cu "for ... in"
  for(var key:String in obj)
  {
    // Daca valoarea elementului parcurs este aceeasi cu cea din "val"
    // Retine in "re" numele acelei proprietati si opreste parcurgerea
    if(obj[key]==val)
	{
	  re = key;
	  break;
	}
  }

  return re;
}

// Definire obiect cu 2 proprietati ("curs", "tutorial") si o metoda "Suma"
var unObiect:Object = new Object();
 unObiect.curs = 'Flash';
 unObiect.tutorial = 'AS3';
 unObiect.Suma = function(a:Number, b:Number):Number {
    return a+b;
  }

// Apeleaza functia "parsObj()" cu obiectul si valoarea 'AS3'
trace(parsObj(unObiect, 'AS3'));        // tutorial

// Se parcurge elementele din "unObiect" cu "for each ... in"
// Afiseaza in Output valoarea fiecarui element parcurs
for each(var elm:* in unObiect)
{
  trace(elm);
}

/* Va afisa:
  Flash
  function Function() {}
  AS3
*/
- Prin codul din corpul lui "for(var key:String in obj)" functia cauta proprietatea (key) din "obj" a carei valoare este "val" si returneaza numele ei; daca nu e gasita, va returna valoarea initiala din "re" ('no prop'). - A doua instructiune "for each(var elm:* in unObiect)" afiseaza cu "trace()" valoarea din fiecare element parcurs (retinuta in "elm").

Fisierele FLA cu exemplele din aceasta lectie pot fi descarcate de la: Creare Obiecte avansati

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag HTML5 este indicat sa contina meniul cu link-uri de navigare in site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Ce proprietate CSS muta elementrul in dreapta sau stanga de la locul unde e?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Clic pe metoda obiectului Math care rotunjeste numarul x descrescator la cel mai apropiat intreg.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicati functia PHP care returneaza numarul de caractere dintr-un sir.
mb_strlen() count() stristr()
$str = "sir cu caractere utf-8 åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 29
Clic pe raspunsul potrivit la intrebarea: "When it happened?".
On the 7th of July 1996 It is a quarter to 5. Nice weather.
When it happened? On the 8th of August 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Indicati raspunsul potrivit la intrebarea: "¿Cuando sucedió?".
Hace buen tiempo. En el 8 de Agosto de 2001 Son las tres menos cuarto.
¿Cuando sucedió? En el 8 de Agosto de 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Creare Obiecte - Imbricare si parcurgere

Last accessed pages

  1. Parables and Meaningful Stories (1564)
  2. Cursuri limba engleza gratuite si lectii online (67052)
  3. Coduri pt culori (73447)
  4. Clasificarea adverbelor - Adverbs classification (13518)
  5. classList - Lucru cu clase css (969)

Popular pages this month

  1. Curs HTML gratuit Tutoriale HTML5 (754)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (711)
  3. Coduri pt culori (566)
  4. Creare si editare pagini HTML (255)
  5. Formatare text in pagina html (231)