Ahoj! Som dodávateľ prepínačov a dnes sa chcem porozprávať o tom, ako používať príkaz switch s objektmi v JavaScripte. Môže to znieť trochu technicky, ale rozoberiem to spôsobom, ktorý je ľahko pochopiteľný.
Najprv si rýchlo prejdime, čo je príkaz switch v JavaScripte. Príkaz switch je príkaz riadiaceho toku, ktorý vám umožňuje vyhodnotiť výraz a porovnať ho s viacerými prípadmi. Je to niečo ako séria vyhlásení if - else, ale organizovanejším spôsobom.
nech ovocie = 'jablko'; switch (ovocie) { case 'jablko': console.log('Je to jablko!'); prestávka; case 'banana': console.log('Je to banán!'); prestávka; predvolene: console.log('Toto ovocie nepoznám.'); }V tomto jednoduchom príklade,prepínačvýpis kontroluje hodnotuovociepremenlivý. Ak áno'jablko', spustí kód v ňomprípadblokovať. Theprestávkavyhlásenie je tu rozhodujúce; zastavuje vykonávanieprepínačpo nájdení zhody. Ak nie je zhoda,predvolenáblokové behy.
Teraz si povedzme o použití príkazu switch s objektmi. Objekty v JavaScripte sú kolekciou párov kľúč – hodnota. Sú veľmi užitočné na ukladanie súvisiacich údajov. Predpokladajme, že máme objekt, ktorý predstavuje rôzne typy prepínačov, ktoré dodávame.
const switchTypes = { single: 'Single Powerpoint Switch', doubleExtra: 'Double Powerpoint with Extra Switch', odolný voči poveternostným vplyvom: 'Weatherproof Single Powerpoint Switch' }; nech selectedSwitch = 'single'; switch (selectedSwitch) { case 'single': console.log(`Vybrali ste [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html).`); prestávka; case 'doubleExtra': console.log(`Vybrali ste [Dvojitý Powerpoint s extra prepínačom](/elektrický/spínač/dvojitý-powerpoint-s-extra-switch.html).`); prestávka; case 'odolný voči poveternostným vplyvom': console.log(`Vybrali ste [Poveternostne odolný Single Powerpoint Switch](/electrical/switch/weatherproof-single-powerpoint-switch.html).`); prestávka; default: console.log('Ľutujeme, ale tento typ prepínača nemáme.'); }V tomto kóde najprv definujeme objektSwitchTypesktorý mapuje krátke názvy na celé názvy našich produktov prepínačov. Potom použijeme aprepínačvýpis na kontrolu hodnotyvybratý prepínač. V závislosti od hodnoty vieme zobraziť informácie o vybranom prepínači vrátane odkazu na jeho produktovú stránku.
Jednou z výhod používania aprepínačs objektmi je, že kód je čitateľnejší a udržiavateľný. Ak budeme v budúcnosti potrebovať pridať nový typ prepínača, môžeme jednoducho pridať nový pár kľúč – hodnotaSwitchTypesobjekt a novýprípadvprepínačvyhlásenie.
Uveďme si praktickejší príklad. Predpokladajme, že máme funkciu, ktorá prijme príkaz na prepnutie a vráti potvrdzujúcu správu.
function processSwitchOrder(switchType) { nech správa; switch (switchType) { case 'single': message = `Vaša objednávka na [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html) bola prijatá.`; prestávka; case 'doubleExtra': message = `Vaša objednávka na [Dvojitý Powerpoint s prepínačom navyše](/elektrický/spínač/dvojitý-powerpoint-s-extra-switch.html) bola prijatá.`; prestávka; case 'odolný voči poveternostným vplyvom': message = `Vaša objednávka [Poveternostným vplyvom Single Powerpoint Switch](/elektrický/spínač/poveternostným vplyvom-single-powerpoint-switch.html) bola prijatá.`; prestávka; default: message = 'Ľutujeme, nemôžeme spracovať vašu objednávku pre tento typ prepínača.'; } spätná správa; } nech orderType = 'doubleExtra'; console.log(processSwitchOrder(orderType));Táto funkciaprocessSwitchOrdertrvá aswitchTypeako argument. Vo vnútriprepínačvytvorí potvrdzujúcu správu na základe typu objednaného spínača. AkswitchTypenie je rozpoznaný, vráti chybové hlásenie.
Ďalšia vec, ktorú treba poznamenať, je, že hodnoty vprípadpríkazy sa musia zhodovať s hodnotami kľúčov, s ktorými porovnávate. JavaScript používa prísnu rovnosť (===) na porovnanie hodnoty vprepínačvýraz s hodnotami vprípadvyhlásenia. Uistite sa teda, že typy a hodnoty sú úplne rovnaké.
Povedzme, že chceme spracovať rôzne akcie na základe typu prepínača v zložitejšom scenári. Možno máme funkciu, ktorá vypočíta cenu prepínača na základe jeho typu.
function vypocetSwitchPrice(switchType) { nech price; switch (switchType) { case 'single': price = 10; prestávka; prípad 'doubleExtra': cena = 20; prestávka; puzdro „odolné voči poveternostným vplyvom“: cena = 15; prestávka; predvolená hodnota: cena = 0; } návratná cena; } let type = 'odolný voči poveternostným vplyvom'; nech prepinatCena = vypocitatPrepinatCena(typ); console.log(`Cena [spínača Powerpoint odolného voči poveternostným vplyvom](/electrical/switch/weatherproof-single-powerpoint-switch.html) je $${switchPrice}.`);V tomto príkladevypočítaťSwitchPricefunkcia využíva aprepínačvýpis na určenie ceny prepínača na základe jeho typu. Potom vráti vypočítanú cenu.
Ak pracujete s veľkým počtom typov prepínačov, možno by ste mali zvážiť použitie objektového prístupu namiesto dlhéhoprepínačvyhlásenie. Môžete vytvoriť objekt, kde kľúče sú typy prepínačov a hodnoty sú funkcie, ktoré vykonávajú potrebné akcie.
const switchActions = { single: function() { return `Vybrali ste [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html).`; }, doubleExtra: function() { return `Vybrali ste [Dvojitý Powerpoint s extra prepínačom](/elektrický/vypínač/dvojitý-powerpoint-s-extra-switch.html).`; }, odolný voči poveternostným vplyvom: function() { return `Vybrali ste [Poveternostným vplyvom Single Powerpoint Switch](/elektrický/spínač/poveternostným vplyvom-single-powerpoint-switch.html).`; } }; nech selectedSwitch = 'doubleExtra'; if (switchActions[vybranýSwitch]) { console.log(switchActions[vybranýSwitch]()); } else { console.log('Ľutujeme, ale tento typ prepínača nemáme.'); }Tento prístup môže byť flexibilnejší a ľahšie spravovateľný, keď vaša aplikácia rastie.
Na záver pomocou aprepínačpríkaz s objektmi v JavaScripte je skvelý spôsob, ako zvládnuť rôzne prípady na základe vlastností objektu. Či už vytvárate správy s potvrdením objednávky, počítate ceny alebo vykonávate iné akcie súvisiace s typmi prepínačov, ktoré dodávame, poskytuje jasný a organizovaný spôsob písania kódu.
Ak máte záujem o kúpu niektorého z našich prepínačov, či už je to naprSingle Powerpoint Switch,Dvojitý Powerpoint s extra prepínačom, aleboJediný vypínač Powerpoint odolný voči poveternostným vplyvom, neváhajte nás kontaktovať so žiadosťou o cenovú ponuku a začať proces obstarávania. Sme tu, aby sme vám pomohli nájsť ten správny prepínač pre vaše potreby.
Referencie:
- Dokumentácia JavaScript na webových dokumentoch MDN
- „JavaScript: Definitívny sprievodca“ od Davida Flanagana