Cosa fa "restituire questo" all'interno di una funzione javascript?

Question

Mi chiedo, cosa fa "restituire questo" in una funzione javascript, qual è il suo scopo? supponendo abbiamo il seguente codice:

Function.prototype.method = function (name, func) { 
    this.prototype[name] = func; 
    return this; 
}; 

Che cosa significa "restituire questo" fare all'interno di una funzione?

So quale codice sopra fa e quale è l'uso della parola chiave "this". Semplicemente non so cosa faccia "restituire" all'interno di una funzione.

Answer 1

Si riferisce all'istanza dell'oggetto su cui viene attualmente chiamato il metodo. È usato per concatenare. Ad esempio, si potrebbe fare qualcosa di simile:

myObject.foo().bar(); 

Dal foo rendimenti this (un riferimento a myObject), bar saranno chiamati sull'oggetto troppo. È la stessa cosa che fa

myObject.foo(); 
myObject.bar(); 

Ma richiede meno digitazione.

Ecco un esempio più completo:

function AnimalSounds() {} 

AnimalSounds.prototype.cow = function() { 
    alert("moo"); 
    return this; 
} 

AnimalSounds.prototype.pig = function() { 
    alert("oink"); 
    return this; 
} 

AnimalSounds.prototype.dog = function() { 
    alert("woof"); 
    return this; 
} 

var sounds = new AnimalSounds(); 

sounds.cow(); 
sounds.pig(); 
sounds.dog(); 

sounds.cow().pig().dog(); 

http://jsfiddle.net/jUfdr/

Answer 2

tl; dr restituire this da un metodo è un modo comune per consentire "concatenazione" di metodi insieme.

---

this si riferisce al contesto attuale, e cambia significato a seconda del modo in cui si sta invocando una funzione.

Con la funzione di chiamata, this riferisce all'oggetto globale, anche se la funzione viene richiamata da un metodo, e la funzione appartiene alla stessa classe del metodo invoca. Douglas Crockford ha descritto questo come "errore nella progettazione del linguaggio" [Crockford 28]

Con invocazione di metodi, this riferisce all'oggetto sul quale viene richiamato il metodo .

Con l'invocazione dell'applicazione, this si riferisce a qualsiasi cosa venga impostata quando si chiama apply.

con il costruttore invocazione, this si riferisce all'oggetto che è creato per voi dietro le quinte, che viene restituito quando le uscite costruttore (purché non si misguidedly riportare il proprio oggetto da un costruttore).

Nel tuo esempio sopra, si sta creando un nuovo metodo chiamato method che consente di aggiungere funzioni in modo dinamico, e ritorna this, consentendo in tal modo il concatenamento.

Così si potrebbe fare qualcosa di simile:

Car.method("vroom", function(){ alert("vroom"); }) 
    .method("errrk", function() { alert("errrk"); }); 

e così via.

Answer 3

Riporta questo, di solito significa l'elemento HTML che lo ha chiamato, ma "questo" può avere diversi significati http://www.quirksmode.org/js/this.html

Answer 4

Significa che il metodo restituirà l'oggetto a cui appartiene. Questo può essere utile se si desidera istruzioni catena in questo modo:

MyObject.method1().method2().method3(); 

reale esempio del mondo: jQuery

$(this).addClass('myClass').hide();