Home-theater-designers
Ang TypeScript ay isang superset ng JavaScript na nagbibigay-daan sa iyong magdagdag ng static na pag-type sa iyong code base. Gamit ang malakas na sistema ng uri nito, nag-aalok ang TypeScript ng pinahusay na pagiging madaling mabasa ng code at ang kakayahang makahuli ng mga error sa oras ng pag-compile.
kung paano alisin ang pinapanood sa netflix
Ang isa sa mga pinaka-kapaki-pakinabang na aspeto ng TypeScript ay ang mga built-in na uri ng utility nito, na maaaring gawing simple ang iyong mga pagsusumikap sa coding at makatipid ng mahalagang oras sa pag-develop. Tingnan ang mga dapat-alam na TypeScript na mga uri ng utility na makakatulong sa iyong magsulat ng type-safe na code nang madali.
MAKEUSEOF VIDEO OF THE DAY MAG-SCROLL PARA MAGPATULOY SA NILALAMAN
1. Uri ng Bahagyang Utility
Mga TypeScript Hinahayaan ka ng bahagyang uri ng utility na gawing opsyonal ang anumang katangian ng isang bagay. Hinahayaan ka nitong lumikha ng mga bagay na may ilang partikular na katangian na maaaring nawawala o hindi natukoy. Kunin halimbawa:
interface User {
name: string;
age: number;
email: string;
}
Gamit ang Uri ng bahagyang utility , maaari kang lumikha ng bagong uri kasama ang lahat ng katangian ng User interface na itinakda bilang opsyonal:
type OptionalUser = Partial<User>
Ngayon, maaari kang lumikha ng isang instance ng uri ng OptionalUser na may ilang mga katangian lamang na tinukoy:
const user: OptionalUser = { name: "John" };
Maaari kang makatagpo ng mga sitwasyon kung saan kailangan mong lumikha ng isang bagay na may ilang mga opsyonal na katangian. Ito ay maaaring magamit lalo na kapag bumubuo ng mga gusali na may maraming mga field, dahil hindi lahat ng mga ito ay maaaring kailanganin at sa mga ganitong kaso, ang bahagyang utility ay maaaring maging mahalaga.
2. Pumili ng Uri ng Utility
Makakatulong sa iyo ang Uri ng utility na Pick ng TypeScript na makabuo ng bagong uri sa pamamagitan ng pagpili lamang ng subset ng mga katangian mula sa isang umiiral na uri. Ito ay madaling gamitin kapag kailangan mong paliitin ang isang mas malaking bagay sa ilang mga katangian lamang na kinakailangan o kung gusto mong ipatupad ang mahigpit na pag-type sa mga katangian na kailangan mo.
interface User {
location: string;
age: number;
email: string;
}
type PersonWithoutEmail = Pick<User, 'location' | 'age'>;
const person: PersonWithoutEmail = {
location: 'USA',
age: 30
};
Sa halimbawang ito, ang isang interface na pinangalanang 'User' ay tumutukoy sa tatlong katangian: email, edad, at lokasyon.
Sa pamamagitan ng paggamit ng Pumili ng uri ng utility , maaari mong kunin ang mga katangian ng 'lokasyon' at 'edad' nang pili mula sa User interface, na nagreresulta sa paglikha ng bagong uri na tinatawag na 'PersonWithoutEmail.'
Pagkatapos ay maaari kang lumikha ng bagong instance ng uri ng 'PersonWithoutEmail' at magtalaga ng mga value sa mga property lang na 'lokasyon' at 'edad'. Dahil ang 'email' na ari-arian ay tinanggal mula sa ganitong uri, hindi mo ito maaaring italaga sa bagay.
Gamit ang uri ng Pick utility, maaari kang gumawa ng bagong uri na isinasama lamang ang mga katangian na gusto mo. Makakatulong ito na gawing mas nababasa at mas madaling gamitin ang iyong code.
3. Readonly Utility Type
Ang readonly na uri ay nagpapahiwatig na ang mga katangian ng isang bagay ay hindi nababago pagkatapos nitong likhain. Ginagarantiyahan ng ganitong uri ang pagkakapare-pareho ng data ng object sa katagalan, na nagreresulta sa mas maayos at mas secure na paghawak ng code.
interface User {
readonly name: string;
readonly age: number;
readonly email: string;
}
Gamit ang Readonly na uri ng utility , maaari kang lumikha ng bagong uri na ang lahat ng katangian ng User interface ay itinalaga bilang readonly:
type ReadonlyUser = Readonly<User>
Maaari mong tukuyin ang mga halaga ng ari-arian kapag lumilikha ng isang halimbawa ng ReadonlyUser::
const user: ReadonlyUser = {
name: "John",
age: 30,
email: "john@example.com"
};
Kapag minarkahan mo ang mga katangian ng isang bagay bilang readonly, ang pagtatangka na baguhin ang mga halaga ng mga katangiang iyon ay magiging imposible:
user.name = "Jane";
// Error: Cannot assign to 'name' because it is a read-only property.
Ang uri ng Readonly ay partikular na mahalaga sa mga sitwasyon kung saan nais mong tiyakin na ang isang partikular na bagay ay hindi magbabago, gayunpaman ito ay isinangguni. Halimbawa, kung mayroon kang bagay na nagtataglay ng mahahalagang setting ng configuration, gugustuhin mong tiyakin na hindi ito mababago.
4. Kinakailangang Uri ng Utility
Tinitiyak ng ganitong uri na ang lahat ng mahahalagang katangian ng isang Object ay naroroon, samantalang ang Partial na uri ay nag-aalok ng higit na kakayahang umangkop sa pamamagitan ng pagbibigay-daan sa iyong tukuyin ang isang subset ng mga katangian habang iniiwan ang iba na opsyonal. Maaari itong patunayan na kapaki-pakinabang sa mga sitwasyon kung saan ang ilang mga pag-aari ay maaaring hindi kinakailangan o maaaring magbago.
interface User {
name: string;
location: number;
address: string;
}
Sa pamamagitan ng paggamit ng Kinakailangang uri ng utility , posibleng gumawa ng bagong uri na pinagsasama-sama ang lahat ng attribute ng User Interface habang hinihiling na naroroon dapat ang bawat isa sa mga property na ito. Ang paggawa ng isang instance ng RequiredUser ay posible lamang kapag naitakda nang maayos ang lahat ng mga katangian nito.
const user: RequiredUser = {
name: "John Doe",
location: "USA",
address: "Kansas 9745-0622"
};
Ang paggamit ng Kinakailangang uri ng utility ay tumitiyak na ang lahat ng kinakailangang katangian ay nasa loob ng isang bagay.
5. Alisin ang Uri ng Utility
Hinahayaan ka ng Omit na uri ng utility na lumikha ng bagong uri sa pamamagitan ng pagbubukod ng mga partikular na katangian mula sa isang umiiral na uri.
bakit hindi naihahatid ang aking mga mensahe
interface Person {
location: string;
age: number;
email: string;
}
type PersonWithoutEmail = Omit<Person, 'email'>;
const person:PersonWithoutEmail = { location: "USA"; age : 30 };
Ang interface ng Tao ay may tatlong katangian: edad, lokasyon, at email. Gumagamit ang uri ng PersonWithoutEmail ng isang Omit na uri ng utility upang isama ang lahat ng mga katangian ng isang object ng Tao, maliban sa email. Pagkatapos ay maaari kang lumikha ng isang instance ng bagong uri na ito, nang hindi tumutukoy ng halaga para sa isang property ng email.
Dapat mong tandaan na ang Omit utility type ay may malaking pagkakatulad sa Pick utility type, dahil binibigyan ka nito ng kapangyarihang gumawa ng bagong uri gamit lang ang mga property na iyong tinukoy.
6. Uri ng Utility ng Record
Maaari mong gamitin ang uri ng Record utility upang tukuyin ang isang uri ng bagay kung saan may partikular na uri ang mga key at value. Ang kahulugan nito ay:
type Record<K extends keyof any, T> = { [P in K]: T;};
Iniuugnay nito ang uri ng T sa halaga ng bawat susi, habang ang K ay isang unyon ng mga susi ng anumang uri. Ang nagreresultang bagay ay may uri ng ari-arian na P na nakatakda sa T.
Isaalang-alang ang senaryo ng isang uri ng bagay na may mga string key at mga numeric na halaga. Sa kasong iyon, maaari mong ilapat ang Uri ng utility ng record bilang:
type MyRecord = Record<string, number>;
const myObject: MyRecord = {
"foo": 1,
"bar": 2,
"baz": 3,
}
Tinutukoy ng halimbawang ito ang MyRecord bilang isang uri ng bagay na may mga string key at mga numeric na halaga. Ang myObject object ay naglalaman ng isang halimbawa ng ganitong uri, na may mga key na 'foo', 'bar', at 'baz' na itinalaga sa kanilang mga katumbas na halaga.
Pag-streamline ng Code Gamit ang Mga Uri ng TypeScript Utility
Natuklasan ng artikulong ito ang napakalaking kapangyarihan ng mga uri ng utility ng TypeScript – maaari silang maging isang mahalagang asset pagdating sa pag-streamline ng iyong code at paggawa ng pag-develop nang mas mabilis at mas mahusay. Ang mga uri ng utility na ito at TypeScript sa pangkalahatan, ay makakagawa ng mga kababalaghan para sa pagtiyak na ang iyong code ay palaging walang error at sumusunod sa mga partikular na istruktura.