Heim > Web-Frontend > js-Tutorial > „Drei Schritte' zur Verwendung von Referenztypobjekten

„Drei Schritte' zur Verwendung von Referenztypobjekten

巴扎黑
Freigeben: 2016-11-25 10:25:11
Original
1245 Leute haben es durchsucht

Referenztyp:

Der Referenztyp wird normalerweise als Klasse bezeichnet, dh wenn ein Referenzwert angetroffen wird, wird das Objekt verarbeitet.

Die in JavaScript integrierten Objekte – String, Array, Number und Object – sind alle Referenztypen. Die von uns Benutzern erstellten Objekte sind tatsächlich Instanzen dieser Typen und werden zur Unterstützung der objektorientierten JavaScript-Programmierung verwendet. Die der „Klasse“ entsprechende Logik wird angezeigt.

Der Referenztyp besteht aus drei Teilen: Konstruktor, Methodendefinition und Eigenschaften.

Lassen Sie uns am Beispiel des POS-Automatensystems für die Filialabrechnung und des Kassierers, das in der objektorientierten Methode geschrieben wurde, die „drei Schritte“ von Referenztypen verstehen:

Der erste Schritt besteht darin, Definieren Sie den Referenztyp;

Das heißt, erstellen Sie einen Konstruktor wie folgt:

Js-Code

function Cart(inputs){

this.inputs =inputs;

this.item_info=loadAllItems();

}/*inputs sind die Produktinformationen, die an das POS-Maschinensystem übergeben werden, damit der Kunde das Produkt kaufen soll Rufen Sie alle Produkte in der lokalen Produktbibliothek auf

Information (wird nur zur Veranschaulichung des Problems verwendet, ohne auf Details einzugehen) */

Das Schlüsselwort this wird hier im Konstruktor oder in der Methode verwendet Dieses Schlüsselwort stellt die aktuelle Objektinstanz des Referenztyps dar,

Java-Code

this.inputs=inputs;

Diese Codezeile bezieht sich auf das Eingabeattribut des aktuellen Objektinstanz und legt sie als Parametereingaben fest (Produktinformationen, die an das POS-System übergeben werden, damit Kunden Waren kaufen können, Barcode).

Der zweite Schritt besteht darin, die Attributmethode zu erstellen.

Js-Code

Cart.prototype.get_item_base_info=function(normal_barcode){ this.item_info,function(item){

return normal_barcode.indexOf(item.barcode)>=0;

})

}//Holen Sie sich die entsprechenden Barcode-Produktinformationen

Warenkorb .prototype.add_item_count=function(normal_barcode,item_base_info) {

var counts = _.values(_.countBy(normal_barcode));

_ .each(item_base_info,function(item){ 🎜 >

}//Entfernen Sie denselben Barcode und erfassen Sie die Produktmenge

Der dritte Schritt besteht darin, eine Instanz des Referenztyps

Js-Code

zu erstellen var cart=new Cart( inputs);//Instanzwagen erstellen

Hierbei ist zu beachten, dass bei Verwendung des neuen Schlüsselworts Code, der ohne Verwendung des neuen Schlüsselworts geschrieben wurde, nicht ordnungsgemäß funktioniert und in den Eigenschaften des Konstruktors enthalten ist und sein Prototyp vor der Instanziierung. Keine der Methoden wird ausgeführt. Nach der Instanziierung können Sie die Prototypmethode aufrufen und Daten im Konstruktor eingeben.

Js-Code

var item_base_info=cart.get_item_base_info(normal_barcodes);/*Rufen Sie die Instanz auf, um die Produktinformationen zu erhalten, die dem Barcode entsprechen

; normal_barcode ist der verarbeitete Das kann der vom System erkannte Eingabebarcode sein (d. h. der erkennbare Barcode der vom Kunden gekauften Ware) */ Methode zum Entfernen desselben Barcodes

und Erfassen der Menge des Produkts *; /

var shopping_list=print_shoppinglist(item_count_add);/*print_shoppinglist ist der Produktstückpreis multipliziert mit der Menge

Methode der Artikelmenge; */

console.log( shopping_list)//Ergebnisse ausgeben und ausdrucken

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage