Emhlabeni oguquguqukayo wokuthuthukiswa kwewebhu, ukuphatha ukusebenzisana komsebenzisi kubalulekile ekwakheni izinhlelo zokusebenza ezibandakanyayo. Okunye ukuxoxisana okunjalo umcimbi wokufakwayo, okugxilwe kuwo engxoxweni yethu namuhla. Sizocubungula ukuthi singasingathwa kanjani lo mcimbi ku-Typescript, i-JavaScript superset edumile eyethula ukuthayipha okumile ukuze kuthuthukiswe ukukala nokufundeka. Ukusebenzisa imicimbi yokokufaka ngempumelelo kuzovula amandla okudala ama-UI asebenzisanayo aqoqa idatha yomsebenzisi, okuvusa ukugeleza kolwazi olubalulekile kuzo zombili izinqubo ezingaphambili nezingemuva.
Imicimbi yokufaka yimicimbi yesiphequluli eqala njalo lapho umsebenzisi eguqula okokufaka umbhalo ekhasini lewebhu. Lokhu kungaba ukufaka umbhalo kubha yokusesha, ifomu, noma kunoma yisiphi isimo lapho umsebenzisi exhumana nensimu yombhalo. Lokhu kusebenzisana kubalulekile njengoba kuvumela amawebhusayithi ukuthi aqoqe, acubungule, futhi alawule idatha efakwe ngumsebenzisi.
let inputElement = document.getElementById('input') as HTMLInputElement;
inputElement.addEventListener('input', (event) => {
console.log(event.target.value);
});
Kumazwibela ethu ekhodi ngenhla, sidale isilaleli somcimbi wokufaka sisebenzisa i-Typescript. Umsebenzi we-addEventListener uthatha amapharamitha amabili: uhlobo lomcimbi ('input' kuleli cala) kanye nomsebenzi wokusingatha umcimbi.
Indlela Yokusingatha Imicimbi Yokufaka ku-Typescript
Ukuphatha imicimbi yokokufaka ku-TypeScript ngempumelelo kudinga ukuqonda komcimbi wokokufaka we-JavaScript kuqala, bese wengeza ukuthayipha okumile kwe-TypeScript ukuze uthole ukwethembeka okuthuthukisiwe kwe-codebase nokugcinwa.
Umlaleli womcimbi usethwa ngendlela ye -addEventListener() , eqondisa into ofuna ukuyisebenzisa kumlaleli – kulesi simo, iqondene nomcimbi 'wokufaka'. Uma kutholwa ushintsho ensimini yokufaka eqondiwe, umlaleli womcimbi uqalisa umsebenzi wokuphinda ubize.
inputElement.addEventListener('input', (event: Event) => {
let target = event.target as HTMLInputElement;
console.log(target.value);
});
Kule khodi ye-TypeScript, sigcina isakhiwo kodwa sengeza izichasiselo zohlobo ukuze siqhubeke sichaza ikhodi yethu. Sichaza 'umcimbi' njengohlobo lomcimbi. Futhi, sicacisa ukuthi okuhlukile 'okuhlosiwe', okukhishwe entweni yomcimbi, kuwuhlobo lwe-HTMLInputElement.
Incazelo yesinyathelo ngesinyathelo yeKhodi
Ngezansi incazelo yesinyathelo nesinyathelo yekhodi yangaphambilini ye-TypeScript:
- Umugqa wokuqala ukhetha i-elementi yethu yokufaka ku-DOM (Imodeli Yento Yedokhumenti) bese uyabela 'inputElement' eguquguqukayo. Ithayiphe ngokuthi 'HTMLInputElement', okungenye yezinhlobo ze-HTMLElement ku-TypeScript.
- Okulandelayo, sengeza umlaleli womcimbi ku-'inputElement'. Uhlobo lomcimbi 'luwukufaka', futhi umsebenzi wokubamba uyipharamitha yesibili.
- Umsebenzi wokubamba uthatha ipharamitha 'yomcimbi', ewuhlobo lomcimbi. Le nto iqukethe ulwazi mayelana nomcimbi, njengethagethi yomcimbi (isici esicuphe umcimbi).
- Bese sinikeza ithagethi yomcimbi 'kuthagethi' entsha. Okuqondiwe kufakwa 'njenge-HTMLInputElement' okungukuthi, siyaqiniseka ukuthi iyinkambu yokufaka.
- Ekugcineni, sifaka inani langempela (umbhalo) lowo umsebenzisi alifakayo ensimini.
Isifinyezo
Imicimbi yokokufaka iyithuluzi elinamandla ekuthuthukisweni kwewebhu, elivumela ukuxhumana okubili phakathi kwabasebenzisi nezinhlelo zokusebenza. Ukulalela nokusingatha le micimbi ngendlela efanele ku-TypeScript kudinga ukuqonda okujulile kwemicimbi ye-JavaScript kanye nezinzuzo zokuthayipha okumile. Ngohlelo lokusebenza olulungile, ungakhuphula ukuzibandakanya nokusebenza kohlelo lwakho lokusebenza.
Lo mhlahlandlela ubhekana ngqo nokusingatha imicimbi yokokufaka ku-TypeScript. Nokho, imigomo evamile imele ukuphatha ezinye izinhlobo zemicimbi, njengokuchofoza noma imicimbi yekhibhodi. Isakhiwo esifanayo siyagcinwa: ukukhetha isici, ukwengeza isilaleli ngohlobo lomcimbi nomsebenzi wokusingatha, nokucubungula into yomcimbi ngokuya ngezidingo zohlelo lwakho lokusebenza.
