questa funzione all'interno

Question

La mia domanda è:

function Foo() 
{ 
    this.foo = "bar"; // <- What is "this" here? 
} 

Da quello che posso dire che dipende da come viene utilizzato Foo, vale a dire come un costruttore o come una funzione. Cosa può this essere in diverse circostanze?

Answer 1

La parola chiave this fa riferimento all'oggetto a cui appartiene la funzione o all'oggetto window se la funzione non appartiene a nessun oggetto.

'utilizzato nel codice OOP, per fare riferimento alla classe/oggetto la funzione appartiene Ad esempio:

function foo() { 
    this.value = 'Hello, world'; 

    this.bar = function() { 
     alert(this.value); 
    } 
} 

var inst = new foo(); 
inst.bar(); 

This avvisi Hello, world

È possibile manipolare quale oggetto this riferisce a usando le funzioni apply() o call(). (Una caratteristica molto molto utile, a volte)

var bar1 = new function() { 
    this.value = '#1'; 
} 
var bar2 = new function() { 
    this.value = '#2'; 
} 

function foo() { 
    alert(this.value); 
} 

foo.call(bar1); // Output: #1 
foo.apply(bar2, []); // Output: #2 

Answer 2

In tutto ciò JavaScript è oggetto anche le funzioni. Quando si dice this.foo nel codice seguente

function Foo() 
{ 
    this.foo = "bar"; // <- What is "this" here? 
} 

foo diventa variabile membro della Foo oggetto

Answer 3

leggere ciò che Douglas Crockford ha da dire sulla questione, per citare lui da A Survey of the JavaScript Programming Language:

Una funzione è un oggetto. Può contenere membri proprio come altri oggetti. Ciò consente a una funzione di contenere le proprie tabelle di dati. Consente inoltre a un oggetto di agire come una classe, contenente un costruttore e un insieme di metodi correlati.

Una funzione può essere un membro di un oggetto. Quando una funzione è membro di un oggetto, viene chiamata metodo. C'è una variabile speciale, chiamata ciò che è impostata sull'oggetto quando viene chiamato un metodo dell'oggetto.

Ad esempio, nell'espressione foo.bar(), questa variabile è impostata sull'oggetto foo come una sorta di argomento aggiuntivo per la barra delle funzioni. La barra delle funzioni può quindi fare riferimento a questo per accedere all'oggetto di interesse.

In un'espressione più profonda come do.re.mi.fa(), questa variabile è impostata sull'oggetto do.re.mi, non sull'oggetto. In una semplice chiamata di funzione, questo è impostato su Global Object (cioè finestra), che non è molto utile. Il comportamento corretto avrebbe dovuto essere quello di preservare il valore corrente di questo, in particolare quando si chiamano le funzioni interne.

Anche 'questo' può cambiare a seconda di come viene richiamata la funzione, continuate a leggere e apply functioncall function.

mi consiglia di trascorrere del tempo sotto forma di apprendimento uno dei più grandi menti di JavaScript nelle sue presentazioni (gratuito), collegati a here.

Answer 4

In JavaScript, la convenzione (e questa è solo una convenzione) è che qualsiasi funzione che inizia con una lettera maiuscola deve essere utilizzata come costruttore.Quindi, si potrebbe chiamare

var foo = new Foo() e this fare riferimento all'oggetto appena creato che sta per essere referenziato da foo.

Ovviamente, non c'è nulla che ti impedisca di chiamare Foo() da solo, nel qual caso this farebbe quindi riferimento all'oggetto da cui è stata chiamata la funzione. Per evitare confusione, non è raccomandato.