Dieses Schlüsselwort für Objektliteral

Question

Hallo Im Beispiel unten I MeasurementObject am Import verwendet: import MeasurementObject from './app/..etc'

Wenn ich eine Instanz von MeasurementObject.getScrollToValue() -Aufruf

Die this innerhalb der Methode MeasurementObject.getScrollToValue() zum Ausführen Zusammenhang bezieht . Als Ergebnis ist this.getURL() nicht definiert. Wie kann ich es bekommen, um auf den aktuellen Kontext von MeasurementObject zu verweisen und daher this.getURL() aufrufen.

const MeasurementObject = { 

    getType(){ 
     return "a" 
    } 

    getURL(){ 
     return "b"; 
    } 

    getScrollToValue(){ 
     return this.getURL(); 
    } 
} 

export default MeasurementObject; 

Answer 1

, wenn Sie eine Klasse exportieren, ohne es instanziiert, alle Eigenschaften, die Sie definieren, auf dem Prototyp eingestellt. und Sie haben keinen Kontext, müssen Sie instanziieren und Sie können dann "das" verwenden.

Nun zu Ihrem Beispiel das "Dies" innerhalb Ihrer Funktion, die sich auf das Objekt bezieht, aber Sie geben es nicht zurück.

Wenn Sie ein Objekt wie dieses definieren, arbeiten Sie bereits an einer Instanz und die Eigenschaften werden auf das Objekt und nicht auf seinen Prototyp gesetzt.

Update

Wenn Sie dies tun:

class MeasurementClass { 

    getType(){ 
     return "a" 
    }, 

    getURL(){ 
     return "b"; 
    }, 

    getScrollToValue(){ 
     return this.getURL(); 
    } 
} 

, was man bekommt, ist so etwas wie:

function MeasurementClass(){} 
MeasurementClass.prototype.getType = function(){ return "a" } 
MeasurementClass.prototype.getURL = function(){ return "b"; } 
MeasurementClass.prototype.getScrollToValue = function(){ return  this.getURL(); } 

Und dann, wenn Sie es versuchen Zugriff ohne MeasurementClass.getScrollToValue

Instanziieren

Yo Du versuchst auf etwas zuzugreifen, das nicht existiert.

jedoch, wenn Sie instanziieren die Funktion all dieser Prototyp Eigenschaften zum Beispiel vererbt werden so:

const measurementClass = new MeasurementClass(); 

measurementClass wird eine Instanz von MeasurementClass sein und all seinen Prototyp erben.

Hoffe, dass hilft ein wenig.

Answer 2

Die Tatsache, dass Sie sie exportieren, macht keinen Unterschied.

MeasurementClass ist ein -Konstruktorfunktion mit 3 auf dem MeasurementClass.prototype definierten Methoden. getType, getURL und getScrollToValue

Für die Klasse zu verwenden, würden Sie die Klasse mit dem new Schlüsselwort instanziieren müssen. (new MeasurementClass()).methodName(...)

vs.

MeasurementObject ist ein Objektliteral mit 3 direkt auf dem Objekt definierten Methoden. getType, getURL und getScrollToValue

das Objekt zu verwenden ist nur eine Frage der obj.methodName() Aufruf