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 = 'http://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">http://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
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.
Inlantuire mai multe metode de obiect in JavaScript

Last accessed pages

  1. Bubbles3 (8791)
  2. The Rise Of Atlantis (1521)
  3. Adjective - Exercitii si teste engleza incepatori (553)
  4. Adjectivul in limba engleza - The adjective (1039)
  5. Creare si editare pagini HTML (2259)

Popular pages this month

  1. Bubbles3 (3366)
  2. Gramatica limbii engleze - Prezentare Generala (3170)
  3. Prezentul simplu si continuu - Present Tense Simple and Continuous (2266)
  4. Butterfly Kyodai (2167)
  5. Trecutul simplu si continuu - Past Tense Simple and Continuous (1918)