javascript / beginner
Snippet
Kapselung von Geschäftslogik in Domain-Klassen
Prinzipien der objektorientierten Programmierung (OOP) wie Kapselung ermöglichen es, Daten und Fachlogik in JavaScript-Klassen zu bündeln, die anschließend in Vues Reaktivitätssystem eingebunden werden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import { ref } from 'vue';class CartItem {constructor(name, price, quantity = 1) {this.name = name;this.price = price;this.quantity = quantity;}getTotalPrice() {return this.price * this.quantity;}}const item = ref(new CartItem('Notebook', 12, 3));
vue
Erklärung
1
class CartItem {
Definiert eine OOP-Klasse zur Modellierung von Warenkorb-Artikeln und deren Logik.
2
constructor(name, price, quantity = 1) {
Initialisiert Eigenschaften, wenn eine neue Instanz mit new erstellt wird.
3
getTotalPrice() { return this.price * this.quantity; }
Eine Klassenmethode zur Berechnung der Gesamtkosten anhand der gekapselten Daten.
4
const item = ref(new CartItem('Notebook', 12, 3));
Erstellt eine Instanz von CartItem und bindet sie für Vues Reaktivität in ein ref ein.