Kiedy użyć tego w javascript OO?

Question

W języku Javascript OO, kiedy należy użyć słowa kluczowego this?

Ponadto, jeśli chcę wywołać metodę klasy z innej metody tej samej klasy, należy użyć this lub po prostu nazwę funkcji? E.g to jest poprawne?

function Foo() 
{ 
    this.bar= function() 
    { 
     alert('bar'); 
    } 

    this.baz= function() 
    { 
    this.bar(); //should I use this.bar() or just bar()? 
    } 
} 

Answer 1

Jeśli chodzi o JavaScript "zorientowany obiektowo", oto ładny przewodnik Mark Dickinson tutaj na SO z linkami do: Private Members in JavaScript. Zawiera szczegółowe informacje na temat innych rzeczy, których teraz naprawdę nie potrzebujesz, ale gdy zrozumiesz, jak działa JavaScript, zobaczysz, że różni się on od zwykłego języka obiektowego, jeśli chodzi o rzeczy takie, jakimi naprawdę jest to, co oznacza this .

Powiedziałbym, że w twoim przypadku, powinno się używać this, ale może twoje funkcje powinny być w prototype część swojej „klasy” (pozwala to uniknąć redefinicji funkcję za każdym razem nowa instancja jest tworzony.)

Answer 2

W tym konkretnym przypadku, to najlepiej użyć zmiennej własnym przedstawieniu w miejscu this uniknięcia nieporozumień i bóle głowy wewnątrz funkcji.

function Foo() 
{ 
    var self = this; 

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

    this.baz= function() 
    { 
    self.bar(); 
    } 
} 

Powodem to dlatego, ponieważ wszystko w javascript jest przedmiotem, this kluczowe wewnątrz funkcji odnosi się do funkcji nadrzędnej. Definiując zmienną w pewnym zakresie, gwarantowana zmienna zachowa swój zakres.

Answer 3

Wystarczy podkreślić i wczuć się w poprzednią odpowiedź @ tj111. Proponuję przeczytać this. Aby lepiej zrozumieć zakres funkcji.

Answer 4

Poprawna wersja to taka, która nie podaje błędu podczas próby wywołania funkcji. Jeśli pominiesz this, otrzymasz wyjątek od ReferenceError.

Answer 5

Znalazłem pomocny pod numerem 3 Ways to define a javascript class.

Answer 6

W innym poście o "aliasing funkcji" w JavaScript, wyjaśniłem szczegółowo, z przykładami, jak "to" działa w JavaScript. Myślę, że może ci się przydać.

proszę sprawdzić: JavaScript function aliasing doesn't seem to work