Curs Javascript

In aceasta lectie puteti invata cum se pot accesa mai multe metode inlantuite in JavaScript.
Inlantuirea metodelor inseamna accesarea mai multor metode, sau functii ale unui obiect, intr-o singura instructune.

obiect.metoda_1().metoda_2()
Cerinta prin care se pot accesa metode inlantuite este ca metodele (functiile) sa fie definite folosind cuvantul special this (ca sa poata fi accesate in exterior), iar metoda precedenta (aici metoda_1() ) sa returneze instanta de obiect.
• Sintaxa:
var NumeClasa = function() {
 var thisob = this; // retine instanta de obiect

 this.metoda_1 = function(){
 // un cod JavaScript

 return thisob; // returneaza instanta de obiect
 }

 this.metoda_2 = function(){
 // instructiuni JavaScript
 }
}
- Iata un exemplu, un obiect JavaScript prin care se pot calcula aria si perimetrul dreptunghiului (vedeti comentariile din cod si testati-l).
<script>
var Rectangle = function() {
 var thisob = this; // retine instanta de obiect
 var a = 0;
 var b = 0;

 // seteaza valorile pt. a si b
 this.setAB = function(a1, b1){
 a = a1;
 b = b1;

 return thisob; // returneaza instanta de obiect
 }

 // returneaza aria
 this.area = function(){
 return a * b;
 }

 // returneaza perimetru
 this.perimeter = function(){
 return 2 * (a + b);
 }
}

// creaza o instanta de obiect a clasei
var obR = new Rectangle();

// seteaza valorile laturilor si obtine aria si perimetru
var area = obR.setAB(7, 8).area();
var perimeter = obR.setAB(7, 8).perimeter();

// test
alert('Aria = '+ area +'\nPerimetru = '+ perimeter);
</script>

• Se pot apela mai mult de doua metode inlantuite, tehnica e aceeasi, metodele sa fie definute folosind cuvantul "this", si toate metodele accesate precedent trebuie sa returneze instanta de obiect.
- Iata un exemplu de inlantuire trei metode. Un obiect JavaScript ce poate crea un tag HTML, cu ID, atribut "class" si continut (studiati codul si testati-l).
<script>
var setTag = function() {
 var thisob = this; // retine instanta de obiect
 var id = ''; // atributul id
 var cls = ''; // atributul class

 // seteaza id-ul
 this.setId = function(id1){
 id = ' id="'+ id1 +'"';

 return thisob; // returneaza instanta de obiect
 }

 // seteaza atributul class
 this.setClass = function(cls1){
 cls = ' class="'+ cls1 +'"';

 return thisob; // returneaza instanta de obiect
 }

 // returneaza tag-ul HTML si continutul
 this.getTagCnt = function(tag, cnt){
 return '<'+ tag + id + cls +'>'+ cnt +'</'+ tag+ '>';
 }
}

// creaza o instanta de obiect a clasei
var obTag = new setTag();

// variabile cu tipul tag-ului si continut
var tag = 'div';
var cnt = 'https://marplo.net';

// apeleaza metodele inlantuite pt. setare ID, "class", si obtine un <div> cu aceste atribute si continut
var getTag = obTag.setId('some_id').setClass('a_class').getTagCnt(tag, cnt);

// test
alert(getTag); // <div id="some_id" class="a_class">https://marplo.net</div>
</script>
Instructiunea cu metodele inlantuite din codul de mai sus:
var getTag = obTag.setId('some_id').setClass('a_class').getTagCnt(tag, cnt);
E la fel cu acest cod:
// seteaza pe rand ID-ul, "class", apoi obtine tag-ul cu continutul
obTag.setId('some_id');
obTag.setClass('a_class');
var getTag = obTag.getTagCnt(tag, cnt);

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care atribut specifica metoda HTTP de trimitere (GET, POST) a datelor din formular?
action method value
<form action="script.php" method="post"> ... </form>
Ce proprietate CSS adauga umbra la chenar?
background-image box-shadow border-radius
#id {
  background-color: #bbfeda;
  box-shadow: 11px 11px 5px #7878da;
}
Clic pe functia care elimina primul element dintr-un array?
pop() push() shift()
var fruits = ["mar", "cireasa", "banana"];
fruits.shift();
alert(fruits.length);           // 2
Indicati functia cu care se poate verifica daca un anumit modul e instalat in PHP.
function() filetype() extension_loaded()
if(extension_loaded("PDO") === true) echo "PDO este valabil."
Alegeti verbul auxiliar corect care trebuie in propozitia: " ... I listen to music?".
has have Can
 Can I listen to music?
- Pot asculta muzica?
Alegeti verbul corect care trebuie in propozitia: "Me ... las frutas dulces"
están gustan gusta
Me gustan las frutas dulces.
- Imi plac fructele dulci.
Inlantuire mai multe metode de obiect in JavaScript

Last accessed pages

  1. Data si ora - Exercitii incepatori (8435)
  2. Editare clasa la obiecte din Library (68)
  3. Verbe reflexive 1 (11805)
  4. Gramatica limbii spaniole. Indrumator si prezentare generala (70607)
  5. Script Upload pentru Galerie de Imagini si fisiere Audio (918)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (105)
  2. Gramatica limbii engleze - Prezentare Generala (49)
  3. Coduri pt culori (43)
  4. Cursuri limba engleza gratuite si lectii online (40)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (40)