Ehilà! Sono un fornitore di switch e oggi voglio parlare di come utilizzare un'istruzione switch con oggetti in JavaScript. Potrebbe sembrare un po' tecnico, ma lo analizzerò in modo che sia facile da capire.
Prima di tutto, esaminiamo rapidamente cos'è un'istruzione switch in JavaScript. Un'istruzione switch è un'istruzione del flusso di controllo che consente di valutare un'espressione e abbinarla a più casi. È un po' come una serie di affermazioni if - else ma in un modo più organizzato.
sia frutto = 'mela'; switch (frutta) { case 'mela': console.log('È una mela!'); rottura; case 'banana': console.log('È una banana!'); rottura; default: console.log('Non conosco questo frutto.'); }In questo semplice esempio, ilinterruttorel'istruzione controlla il valore difruttavariabile. Se lo è'mela', esegue il codice al suo internocasobloccare. ILrotturala dichiarazione è cruciale qui; interrompe l'esecuzione delinterruttoredichiarazione una volta trovata una corrispondenza. Se non c'è corrispondenza, ilpredefinitoblocchi di esecuzione.
Ora parliamo dell'utilizzo di un'istruzione switch con gli oggetti. Gli oggetti in JavaScript sono una raccolta di coppie chiave-valore. Sono estremamente utili per archiviare i dati correlati. Supponiamo di avere un oggetto che rappresenta diversi tipi di interruttori che forniamo.
const switchTypes = { single: 'Switch Powerpoint singolo', doubleExtra: 'Powerpoint doppio con interruttore extra', resistente alle intemperie: 'Switch Powerpoint singolo resistente alle intemperie' }; lascia selezionatoSwitch = 'singolo'; switch (selectedSwitch) { case 'single': console.log(`Hai selezionato un [Switch Powerpoint singolo](/electrical/switch/single-powerpoint-switch.html).`); rottura; case 'doubleExtra': console.log(`Hai selezionato un [Doppio Powerpoint con interruttore extra](/electrical/switch/double-powerpoint-with-extra-switch.html).`); rottura; case 'weatherproof': console.log(`Hai selezionato un [interruttore Powerpoint singolo resistente alle intemperie](/electrical/switch/weatherproof-single-powerpoint-switch.html).`); rottura; default: console.log('Siamo spiacenti, non abbiamo questo tipo di interruttore.'); }In questo codice definiamo innanzitutto un oggettoswitchTypesche associa i nomi brevi ai nomi completi dei nostri prodotti switch. Quindi usiamo ainterruttoredichiarazione per verificare il valore diselezionatoCambia. A seconda del valore, possiamo visualizzare informazioni sullo switch selezionato, incluso un collegamento alla relativa pagina del prodotto.
Uno dei vantaggi dell'utilizzo di ainterruttoreL'istruzione con gli oggetti è che rende il codice più leggibile e gestibile. Se in futuro avremo bisogno di aggiungere un nuovo tipo di interruttore, potremo semplicemente aggiungere una nuova coppia chiave-valore al fileswitchTypesoggetto e uno nuovocasonelinterruttoredichiarazione.
Facciamo un esempio più pratico. Supponiamo di avere una funzione che accetta un ordine per uno switch e restituisce un messaggio di conferma.
function processSwitchOrder(switchType) { let message; switch (switchType) { case 'single': message = `Il tuo ordine per un [Switch Powerpoint singolo](/electrical/switch/single-powerpoint-switch.html) è stato ricevuto.`; rottura; case 'doubleExtra': message = `Il tuo ordine per un [Double Powerpoint con Extra Switch](/electrical/switch/double-powerpoint-with-extra-switch.html) è stato ricevuto.`; rottura; case 'weatherproof': message = `Il tuo ordine per un [interruttore Powerpoint singolo resistente alle intemperie](/electrical/switch/weatherproof-single-powerpoint-switch.html) è stato ricevuto.`; rottura; default: message = 'Spiacenti, non possiamo elaborare il tuo ordine per questo tipo di interruttore.'; } messaggio di ritorno; } let orderType = 'doubleExtra'; console.log(processSwitchOrder(orderType));Questa funzioneprocessSwitchOrderci vuole unswitchTypecome argomento. All'interno delinterruttoredichiarazione, crea un messaggio di conferma in base al tipo di switch ordinato. Se ilswitchTypenon viene riconosciuto, restituisce un messaggio di errore.
Un'altra cosa da notare è che i valori nel filecasole istruzioni devono corrispondere ai valori delle chiavi che stai confrontando. JavaScript utilizza l'uguaglianza rigorosa (===) per confrontare il valore ininterruttoreespressione con i valori incasodichiarazioni. Quindi, assicurati che i tipi e i valori siano esattamente gli stessi.
Diciamo che vogliamo gestire azioni diverse in base al tipo di interruttore in uno scenario più complesso. Forse abbiamo una funzione che calcola il prezzo dello switch in base alla sua tipologia.
funzione calcolaSwitchPrice(switchType) { let prezzo; switch (switchType) { case 'singolo': prezzo = 10; rottura; caso 'doubleExtra': prezzo = 20; rottura; custodia 'resistente alle intemperie': prezzo = 15; rottura; predefinito: prezzo = 0; } prezzo di ritorno; } let type = 'resistente alle intemperie'; lascia switchPrice = calcolaSwitchPrice(tipo); console.log(`Il prezzo dello [Switch Powerpoint singolo resistente alle intemperie](/electrical/switch/weatherproof-single-powerpoint-switch.html) è $${switchPrice}.`);In questo esempio, ilcalcolareSwitchPricela funzione utilizza ainterruttoredichiarazione per determinare il prezzo del passaggio in base alla sua tipologia. Quindi, restituisce il prezzo calcolato.
Se lavori con un gran numero di tipi di switch, potresti prendere in considerazione l'utilizzo di un approccio basato sugli oggetti invece di un approccio lungointerruttoredichiarazione. È possibile creare un oggetto in cui i tasti sono i tipi di interruttore e i valori sono funzioni che eseguono le azioni necessarie.
const switchActions = { single: function() { return `Hai selezionato un [interruttore Powerpoint singolo](/electrical/switch/single-powerpoint-switch.html).`; }, doubleExtra: function() { return `Hai selezionato un [doppio Powerpoint con interruttore extra](/electrical/switch/double-powerpoint-with-extra-switch.html).`; }, resistente alle intemperie: function() { return `Hai selezionato un [interruttore Powerpoint singolo resistente alle intemperie](/electrical/switch/weatherproof-single-powerpoint-switch.html).`; } }; lascia sceltoSwitch = 'doubleExtra'; if (switchActions[switchSwitch]) { console.log(switchActions[switchSwitch]()); } else { console.log('Spiacenti, non abbiamo questo tipo di interruttore.'); }Questo approccio può essere più flessibile e più semplice da gestire man mano che l'applicazione cresce.
In conclusione, utilizzando ainterruttorecon oggetti in JavaScript è un ottimo modo per gestire diversi casi in base alle proprietà di un oggetto. Che tu stia creando messaggi di conferma dell'ordine, calcolando i prezzi o eseguendo altre azioni relative ai tipi di interruttori che forniamo, fornisce un modo chiaro e organizzato per scrivere il tuo codice.
Se sei interessato all'acquisto di uno qualsiasi dei nostri interruttori, sia esso ilInterruttore Powerpoint singolo,Doppio Powerpoint con interruttore extra, OInterruttore Powerpoint singolo resistente alle intemperie, non esitate a contattarci per un preventivo e per avviare il processo di approvvigionamento. Siamo qui per aiutarti a trovare l'interruttore giusto per le tue esigenze.
Riferimenti:
- Documentazione JavaScript su documenti Web MDN
- "JavaScript: la guida definitiva" di David Flanagan