Ch&agrave;o mừng bạn đến với series Th&agrave;nh thạo TypeScript. Loạt b&agrave;i n&agrave;y sẽ cung cấp kiến ​​thức v&agrave; kỹ thuật TypeScript dưới dạng ảnh động. C&aacute;c phần của series bao gồm:
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1">K, T v&agrave; V trong TypeScript Generics l&agrave; g&igrave;?</li>
<li style="font-weight: 400;" aria-level="1">Sử dụng kiểu được &aacute;nh xạ trong TypeScript như d&acirc;n chuy&ecirc;n&nbsp;</li>
<li style="font-weight: 400;" aria-level="1">Sử dụng kiểu c&oacute; điều kiện trong TypeScript như d&acirc;n chuy&ecirc;n</li>
</ul>
Đ&acirc;y c&oacute; phải lần đầu bạn nh&igrave;n thấy chữ T trong TypeScript generic
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/893530e4-b759-40ba-b19b-caee2981ee04" alt="TG1" />
&nbsp;
T trong h&igrave;nh được gọi l&agrave; tham số kiểu generics v&agrave; l&agrave; tr&igrave;nh giữ chỗ kiểu m&agrave; ta muốn truyền cho identity function.
Cũng giống như truyền tham số, ch&uacute;ng ta lấy kiểu do người d&ugrave;ng chỉ định v&agrave; x&acirc;u chuỗi n&oacute; th&agrave;nh kiểu tham số v&agrave; kiểu gi&aacute; trị trả về.
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/f8785dff-469e-4bfe-ba16-64d5c6896a8f" alt="TG3" />
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/fdd940b7-86d3-4a60-a6e2-ff7878bb33c8" alt="TG4" />
&nbsp;
Vậy T l&agrave; g&igrave;? Tham số kiểu generic T h&igrave;nh đại diện cho Type, tr&ecirc;n thực tế, T c&oacute; thể được thay thế bằng bất kỳ t&ecirc;n hợp lệ n&agrave;o. Ngo&agrave;i T, c&aacute;c biến generic phổ biến l&agrave; K, V, E, v.v.
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1">K (Key): kiểu kh&oacute;a trong đối tượng</li>
<li style="font-weight: 400;" aria-level="1">V (Gi&aacute; trị): kiểu gi&aacute; trị trong đối tượng</li>
<li style="font-weight: 400;" aria-level="1">E (Phần tử): kiểu phần tử</li>
</ul>
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/6a63212c-9cc6-4240-a208-ef2ba71e8a07" alt="TG 5" />
&nbsp;
Bạn kh&ocirc;ng chỉ c&oacute; thể x&aacute;c định một tham số kiểu m&agrave; c&oacute; thể x&aacute;c định bao nhi&ecirc;u tham số kiểu tuỳ &yacute;. Dưới đ&acirc;y l&agrave; tham số kiểu mới U được d&ugrave;ng để mở rộng identity function.
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/d38ae114-47e5-426d-bf16-398883b8c58d" alt="TG 6" />
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/3fdd90dc-1571-46f4-b772-b92786f3357e" alt="TG7" />
&nbsp;
Khi gọi identity function, ch&uacute;ng ta c&oacute; thể chỉ định r&otilde; r&agrave;ng kiểu ch&iacute;nh x&aacute;c của tham số generic. Tất nhi&ecirc;n bạn kh&ocirc;ng thể chỉ định kiểu của tham số generic m&agrave; cần để TypeScript tự động suy luận kiểu.
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/a6f6cc5c-d47e-4ddb-8e2f-04b9fb9fe349" alt="TG 8" />
&nbsp;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/bedbbfee-9f7b-4a64-b16e-06529cfe8cfc" alt="TG 9" />
&nbsp;
Hy vọng c&aacute;c ảnh tr&ecirc;n sẽ gi&uacute;p bạn h&igrave;nh dung ra c&aacute;c tham số kiểu generic.&nbsp;
Đọc th&ecirc;m: <a href="https://95.216.11.163/using-typescript-mapped-types-like-a-pro-be10aef5511a?__cpo=aHR0cHM6Ly9qYXZhc2NyaXB0LnBsYWluZW5nbGlzaC5pbw" rel="nofollow">Using TypeScript Mapped Types Like a Pro</a>
H&atilde;y tiếp tục theo d&otilde;i v&agrave; ủng hộ c&aacute;c b&agrave;i viết tiếp theo của<a href="https://tek4.vn/"> Tek4.vn</a> về chủ đề n&agrave;y nh&eacute;!

dev1_account1

K, T và V trong TypeScript Generics là gì?

Cùng tác giả

dev1_account1

Có liên quan