JavaScript are doua metode predefinite, apply() si call(), foarte utile in lucrul cu functii si obiecte.
Ambele permit executarea unei functii ca si cum ar fi o metoda a altui obiect.
Singura diferenta dintre aceste 2 metode, "call()" si "apply()" este forma in care se transmit argumentele la functie.

1. Urmatorul exemplu arata cum se foloseste metoda call() pentru a executa o functie definita in script, ca si cum ar fi o metoda a obiectului "obj1" (ce contine instanta la "document.getElementById('id_tag')")

<div id="id_tag">Exemplu 1 - Metoda call</div>

<script type="text/javascript"><!--
// Se defineste o functie ce va fi folosita ca metoda de obiect (instanta la un element HTML)
// Functia preia si returneaza un sir cu ID-ul, Lungimea si Inaltimea elementului
// Modifica continutul tag-ului din acel obiect cu cel primit in parametrul "sir"
function f_metod(sir) {
    // Preia datele
    var idul = this.id;
    var lungime = this.offsetWidth;
    var inaltime = this.offsetHeight;

    this.innerHTML = sir;         // Modifica continutul

    var f_re = 'ID - '+ idul+ "\nLungime - "+ lungime+ "\nInaltime - "+ inaltime;

    return f_re;
}

var sir = '<b>Tutorial - Metodele call() si apply()</b>';         // Variabila care va fi transmisa la parametru
var obj1 = document.getElementById('id_tag');         // Obiectul la care va fi apelata functia "f_metod()"

// Se apeleaza functia "f_metod()" cu metoda call la obiectul 'obj1'
var rezultat = f_metod.call(obj1, sir);
alert(rezultat);         // Se verifica rezultatul
//--></script>
- Primul parametru al metodei "call" este obiectul asupra caruia va fi executata functia. Urmatorii parametri (aici unul, "sir") sunt cei care vor fi transmisi functiei.
- Functia fiind creata pentru a fi utilizata ca metoda de obiect, se foloseste sintaxa "this" care va face referire la obiectul asupra caruia este apelata functia.
- Rezultatul acestui script poate fi vazut daca dati click pe:

Exemplu 1 - Metoda call

- Avantajul utilizarii acestor metode, "call" si "apply" este faptul ca se poate defini o functie care poate fi folosita cu mai multe obiecte ce contin instante ale elementelor din pagina, sau chiar cu obiecte definite in script (dupa cum e aratat in urmatorul exemplu).

2. Iata si un exemplu cu "apply()", folosit cu un obiect creat in script (explicatiile sunt in cod).
Aceasta metoda este similara cu metoda "call", diferenta fiind ca la "apply" toti parametri se transfera la functie intr-un singur Array.
<script type="text/javascript"><!--
// Se defineste o functie ce va fi folosita ca metoda de obiect
// Calculeaza produsul argumentelor "nr1" si "nr2"
// Returneaza produsul calculat + valoarea proprietatii "numar" (a obiectului ce apeleaza)
function f2_metod(nr1, nr2) {
    var produs = nr1*nr2;
    var f2_re = produs + this.numar;

    return f2_re;
}

// Se defineste obiectul (cu o proprietate, "numar") la care va fi apelata functia
var obj2 = new Object();
  obj2.numar = 8;

// Se apeleaza functia "f2_metod()" cu metoda apply la obiectul 'obj2'
var rezultat2 = f2_metod.apply(obj2, [2, 3]);
alert(rezultat2);         // Se verifica rezultatul (14)
//--></script>
- Ca si la metoda "call", si la "apply" primul parametru este obiectul la care e apelata functia (aici "obj2").
- Al doilea parametru trebuie sa fie un Array (aici "[2, 3]"), unde fiecare element, in ordinea scrisa, este parametru transferat si recunoscut de functie. Matricea poate fi stocata si intr-o variabila si sa se faca apelul cu acea variabila la al doilea psrametru.
- Rezultatul acestui exemplu poate fi vazut dand click pe:

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce element HTML adauga continut flash SWF in pagina web?
<object> <div> <script>
<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250">
 <param name="src" value="file.swf" />
 Browser-ul dv. nu suporta SWF.
</object>
Care pseudo-clasa CSS adauga un stil la un camp input de formular cand e cursorul in el?
:active :focus :hover
input:focus {
  background-color: #88fe88;
}
Clic pe instructiunea care transforma un sir JSON in obiect JavaScript.
JSON.stringify(javascript_object) object.toString() JSON.parse(json_string)
var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);
Indicati functia PHP care poate crea sau scrie un fisier pe server.
fopen() file_put_contents() file_get_contents()
if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat";
else echo "Fisierul nu poate fi creat";
Cum se spune "al treilea" in engleza?
threeth third three
I planted the third tree.
- Am plantat al treilea pom.
Cum se spune "al treilea" in spaniola?
segundo tres tercero
Yo planté el tercero árbol.
- Am plantat al treilea pom.
Metodele call si apply

Last accessed pages

  1. Demonstrative (480)
  2. Verbele regulate 3 (2218)
  3. Creare si editare pagini HTML (31408)
  4. Gramatica limbii engleze - Prezentare Generala (109490)
  5. Autobiografia unui Yoghin, Paramhansa Yogananda (880)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (1981)
  2. Prezentul simplu si continuu - Present Tense Simple and Continuous (1681)
  3. Trecutul simplu si continuu - Past Tense Simple and Continuous (1581)
  4. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (1438)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (1167)