Force typescript, um Methoden auf die Instanz zu setzen, nicht den Prototyp

Question

Ist es möglich, Typoskript zu zwingen, Methoden auf die Instanz zu setzen, nicht auf den Prototyp. Ich frage das, weil ich häufig "diesen" Bereich Probleme habe, mit denen Methoden auf dem Prototyp Probleme verursachen.

bearbeiten

---

Zum Beispiel in der Ausgabe von dem ts es inkonsistent scheint, halte ich die FooAlert in der FooViewModel Funktion, sondern die Methode openFooAlertDialogueAdd im Prototyp

Js

var FooViewModel = (function() { 
    function FooViewModel (json) { 
     this.Foolert = ko.observable(); 

    } 
    FooViewModel.prototype.openFooAlertDialogueAdd = function() { 
     this.FooAlert = something; 
    }; 

Ts

class FooViewModel{ 
    FooAlert = KnockoutObservableAny 

     constructor(){ 
     this.FooAlert = ko.observable(); 
     } 
    openFooAlertDialogueAdd() { 
     this.FooAlert = something; 
    }; 

} 

Answer 1

Die Methoden des Prototyps sind die Methoden, die für jede Instanz verfügbar sind.

class Example { 
    constructor(private someProperty: string) { 

    } 

    method() { 
     return this.someProperty; 
    } 
} 

var exampleA = new Example('A'); 
var exampleB = new Example('B'); 
var exampleC = new Example('C'); 

console.log(exampleA.method()); // A 
console.log(exampleB.method()); // B 
console.log(exampleC.method()); // C 

haben Jede Instanz der someProperty und method() seinen Prototyp kopiert. Sie können dies mit Hilfe überprüfen:

alert(exampleC.hasOwnProperty('someProperty') ? 'Yes' : 'No'); 

Es ist nur, wenn die Instanz nicht über eine eigene Eigenschaft hat, die JavaScript wird jede Abhängigkeitskette zu Fuß bis zu der Eigenschaft auf eine Klasse höher die Abhängigkeitskette zu finden.

Wenn Sie den Code, wo Sie Probleme mit dem Umfang von this haben, bin ich sicher, dass wir Ihnen helfen können, es zu beheben.

Answer 2

Wenn Sie Probleme mit dem Oszilloskop haben, fühle ich mich schlecht für Sie Sohn, ich habe 99 Probleme, aber das ist nicht eins!

Steves Antworten zeigen die korrekte Methode zum Definieren von Klassenmethoden, Methoden, die für jede Instanz verfügbar gemacht werden. Wenn jedoch Probleme mit dem Oszilloskop auftreten, liegt das wahrscheinlich daran, dass Sie diese Methoden aus einem anderen Kontext aufrufen. Wenn Sie beispielsweise Knockout verwenden und eine dieser Methoden an eine click-Bindung binden, überschreibt Knockout den Bereich auf den aktuellen Bereich der Bindung, NICHT den Bereich, für den Sie die Methode definiert haben.

Es gibt zwei Optionen, um diesen Verlust des Bereichs zu verhindern.

Erstens können Sie Ihre Methoden im Konstruktor definieren, um sie auf der Instanz statt auf dem Prototyp verfügbar zu machen.

Like:

class Greeter { 
    greet:() => string; 
    greeting: string; 

    constructor(message: string) { 
     this.greeting = message; 
     this.greet =() => { 
      return "Hello, " + this.greeting; 
     } 
    } 

Zweitens könnte man die => Syntax Umfang Klassenmethoden verwenden.

Beispiel:

class Greeter { 
    greeting: string; 
    constructor() { 
     this.greeting: "Blabla"; 
    } 
    greet=() => { 
     alert(this.greeting); 
    } 
} 

Answer 3

Es sieht aus wie dies ein Typoskript/Knockout Frage ist, wie @Anzeo wie in seiner Antwort darauf hingewiesen, auch Ihre bearbeiten.Ich habe das Problem gelöst, indem ich meine Methodendeklarationen in den Konstruktor eingefügt habe, aber auch die var self = this; Konvention verwendet habe, die im Abschnitt "Managing 'this'" unter Knockout's Computed Observable documentation aufgeführt ist. Sie TS Code könnte wie folgt aussehen:

class FooViewModel{ 
    FooAlert: KnockoutObservableAny; 
    openFooAlertDialogueAdd:() => void; 

    constructor(){ 
     var self = this; 
     self.FooAlert = ko.observable(); 
     self.openFooAlertDialogueAdd = function(){ 
      self.FooAlert('whatever your FooAlert observable takes'); 
     }; 
    } 
} 

Egal welchen Umfang Änderung auftreten könnte, der JavaScript-Verschluss um self Sie hält etwa this Wechsel zu kümmern. Das sollte beide Probleme lösen.