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
Care tag este element de tip bloc?
<div> <img> <span>
<div>Web Programming and Development</div>
Care cod CSS afiseaza textul subliniat?
font-style: italic; text-decoration: underline; font-weight: 500;
h2 {
  text-decoration: underline;
}
Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.
insertBefore() setTimeout() querySelector()
function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.
count($array) count($array, 1) strlen()
$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food;       // 6
Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".
has't played haven't been playing will haven't played
The child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.
Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".
habrá contado va a contar contaba
Él no habrá contado el cuento.
- El nu ar fi spus povestea.
Creare Obiecte - Imbricare si parcurgere

Last accessed pages

  1. PHP OOP - Clase extinse si Mostenire (1998)
  2. Mini-Vocabular Spaniol (2748)
  3. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (261622)
  4. Jokes - Glume, Bancuri, Humor (10442)
  5. Animatie cu ENTER_FRAME in AS3 (56)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1266)
  2. Curs HTML gratuit Tutoriale HTML5 (967)
  3. Coduri pt culori (723)
  4. Creare si editare pagini HTML (567)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (525)
Chat
Discuta sau lasa un mesaj pt. ceilalti utilizatori
Full screenInchide