Ako škrtiť volanie funkcie?

Funkcia škrtiaceho systému je rozhodujúcou technikou vo vývoji softvéru, najmä pri riešení udalostí s vysokou frekvenciou, ako je posúvanie, veľkosť okien alebo manipulácia s vstupom používateľa. Ako dodávateľ škrtiacej klapky mám hlboké pochopenie toho, ako efektívne škrtiace funkčné hovory, a to z technického aj praktického hľadiska.

Čo je to funkcia škrtiaca?

Funkčné škrtenie je metóda použitá na obmedzenie rýchlosti, akou možno volať funkciu. Namiesto toho, aby sa funkcia umožnila vykonávať zakaždým, keď dôjde k udalosti, škrtiace sa zaisťuje, že funkcia sa volá v pevnom intervale. Je to veľmi užitočné v scenároch, v ktorých môžu nadmerné hovory funkcií viesť k problémom s výkonom, napríklad vo webových aplikáciách, kde časté aktualizácie DOM môžu spôsobiť, že sa stránka nereaguje.

Zvážte napríklad scenár, v ktorom máte vyhľadávací panel na webovej stránke. Ako sa užíva, možno budete chcieť vykonať vyhľadávací dopyt na serveri. Ak však vykonávate funkciu vyhľadávania zakaždým, keď stlačí tlačidlo, môže na server kladiť ťažké zaťaženie. Tým, že sa vyhľadávate funkcia vyhľadávania, môžete obmedziť počet požiadaviek odoslaných na server, povedzme, raz za 500 milisekúnd.

Ako implementovať funkčné škrtenie

Pomocou časovača

Jedným z najbežnejších spôsobov, ako škrtiť funkciu, je použitie časovača. Tu je jednoduchá implementácia JavaScript:

funkcia škrtiaca klapka (func, limit) {nech inthrottle; return function () {const args = argumenty; const kontext = toto; if (! inthrottle) {func.Apply (kontext, args); inthrottle = true; setTimeout (() => inthrottle = false, limit); }}; } // Príklad použitia funkcie SearchFunction (query) {console.log (`Vyhľadávanie: $ {query}`); } const throtledSearch = Throttle (SearchFunction, 500); Document.GetElementById ('Search - input'). AddEventListener ('input', function (event) {throtledSearch (event.Target.Value);});

V tomto kódeklapkaFunkcia má funkciufunca časový limitobmedzenieako parametre. Vráti novú funkciu, ktorú možno nazvať namiesto pôvodnej funkcie. Keď sa volá nová funkcia, skontroluje, či je v súčasnosti v období škrtiaceho obdobia. Ak nie, vykoná pôvodnú funkciu a nastaví časovač. Počas obdobia časovača sa budú ignorovať akékoľvek ďalšie hovory na novú funkciu.

PomocouDátumNámietka

Ďalším prístupom je použitieDátumObjekt, ktorý sleduje čas medzi funkčnými hovormi. Tu je príklad:

funkcia throttlewithdate (func, limit) {nech LastExecuted = 0; return function () {const now = date.now (); if (now - lastExecuted> = limit) {func.Apply (toto, argumenty); LastExecuted = teraz; }}; } // Príklad použitia const throtledSearchWithdate = throttleWithdate (SearchFunction, 500); Document.GetElementById ('Search - input'). AddEventListener ('input', function (event) {throtledSearchWithdate (event.Target.Value);});

V tejto implementáciipoklesFunkcia sleduje naposledy, keď bola funkcia vykonaná. Keď sa volá nová funkcia, skontroluje, či uplynutý čas od posledného vykonávania je väčší alebo rovný zadaného limitu. Ak áno, vykonáva pôvodnú funkciu a aktualizujeposlednýčas.

Naše výrobky škrtiacej klapky

Ako dodávateľ škrtiacej klapky ponúkame širokú škálu vysoko kvalitných výrobkov škrtiacej klapky. Napríklad máme0020 - 18273 Body, plynový ventil hdp.cvd. Tento produkt je navrhnutý s ohľadom na presnosť a trvanlivosť. Je vhodný pre rôzne priemyselné aplikácie, kde sa vyžaduje presná kontrola toku.

Máme tiež0020 - 18273 Body, plynový ventil hdp.cvdz našej továrne. Naše výrobky z výroby - výroby sa vyrábajú podľa prísnych opatrení na kontrolu kvality, čím sa zabezpečujú, že spĺňajú najvyššie normy.

Ďalším populárnym produktom je0010 - 02142 VENTICKÝ VENTIL ASSY. Táto zostava plynu ventilu je spoľahlivou voľbou pre aplikácie, ktoré si vyžadujú stabilný výkon.

Výhody našich výrobkov na plyn

• Presnosť: Naše výrobky škrtiacej klapky sú navrhnuté tak, aby poskytovali presnú kontrolu nad prietokom tekutín alebo plynov. Je to nevyhnutné v aplikáciách, kde aj malá odchýlka od toku môže mať významný vplyv na celkový výkon.
• Trvanlivosť: Vo výrobe našich plynových výrobkov používame vysoko kvalitné materiály. To zaisťuje, že vydržia tvrdé prevádzkové podmienky, ako sú vysoké teploty, tlaky a korozívne prostredie.
• Spoľahlivosť: Naše výrobky sú pred odchodom z továrne dôkladne testované. To zaručuje, že budú vykonávať dôsledne po dlhú dobu, čím sa zníži potreba častej údržby a výmeny.

Kontaktujte nás kvôli obstarávaniu

Ak máte záujem o naše produkty plynu alebo máte akékoľvek otázky týkajúce sa funkcie škrtení vo vašich aplikáciách, odporúčame vám, aby ste nás kontaktovali kvôli obstarávaniu a ďalším diskusiám. Náš tím expertov je pripravený vám pomôcť pri hľadaní správneho roztoku plynu pre vaše konkrétne potreby.

Odkazy

• Crockford, Douglas. JavaScript: Dobré časti. O'Reilly Media, 2008.
• Flanagan, David. JavaScript: Definitívny sprievodca. O'Reilly Media, 2020.