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

„Drei Schritte' zur Verwendung von Referenztypobjekten

Nov 25, 2016 am 10:25 AM
javascript

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

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Dec 17, 2023 pm 05:13 PM

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript Jan 05, 2024 pm 01:37 PM

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript

So verwenden Sie insertBefore in Javascript So verwenden Sie insertBefore in Javascript Nov 24, 2023 am 11:56 AM

So verwenden Sie insertBefore in Javascript

See all articles