Ch&agrave;o mừng bạn đến với kh&oacute;a học Lập tr&igrave;nh TypeScript tại TEK4.VN. Trong kh&oacute;a học n&agrave;y, ch&uacute;ng ta sẽ học c&aacute;c kh&aacute;i niệm cơ bản của TypeScript.&nbsp;
<h2 style="text-align: justify;">Y&ecirc;u cầu kiến thức</h2>
Để tham gia kh&oacute;a học, bạn cần c&oacute; kiến thức cơ bản về JavaScript (TEK4.VN đang triển khai). V&igrave; kh&oacute;a học n&agrave;y bao h&agrave;m c&aacute;c kh&aacute;i niệm kh&aacute;c nhau trong TypeScript n&ecirc;n cũng cần nắm th&ecirc;m một số kiến thức về ph&aacute;t triển web như <a href="https://tek4.vn/khoa-hoc/lap-trinh-giao-dien-voi-html-css">HTML &amp; CSS</a>
<h3 style="text-align: justify;">TypeScript cơ bản d&agrave;nh cho người mới bắt đầu</h3>
Giải th&iacute;ch về TypeScript cơ bản v&agrave; c&aacute;c kh&aacute;i niệm li&ecirc;n quan. Bao gồm c&aacute;c chương:
<ol>
<li>Giới thiệu</li>
<li>C&aacute;c kiến thức cơ bản về biến</li>
<li>Enum</li>
<li>Kiểu Generic</li>
<li>H&agrave;m</li>
<li>Kiểu dẫn xuất</li>
<li>Đối tượng</li>
<li>K&yacute; hiệu chỉ số</li>
<li>C&aacute;c kiến thức n&acirc;ng cao về biến</li>
<li>Ngoại lệ</li>
<li>B&iacute; danh</li>
<li>Kiểm tra kiểu</li>
<li>Iterator</li>
<li>Thao t&aacute;c đối tượng v&agrave; mảng</li>
<li>Chia sẻ m&atilde; nguồn</li>
<li>Kết luận</li>
</ol>

Lập trình TypeScript cơ bản

TypeScript c&oacute; thể tương t&aacute;c hiệu quả với code JavaScript nhờ việc sử dụng file định nghĩa. File định nghĩa chứa th&ocirc;ng tin về kiểu của c&aacute;c h&agrave;m hoặc biến public được cung cấp bởi c&aacute;c m&ocirc;-đun b&ecirc;n ngo&agrave;i kh&ocirc;ng được viết bằng TypeScript. File định nghĩa phổ biến nhất l&agrave; lib.d.ts, chứa h&agrave;ng ng&agrave;n d&ograve;ng định nghĩa về c&aacute;c chức năng cốt l&otilde;i của JavaScript. File n&agrave;y được t&iacute;ch hợp tự động trong TypeScript v&agrave; bạn kh&ocirc;ng cần qu&aacute; quan t&acirc;m đến những g&igrave; n&oacute; cung cấp ngoại trừ khi l&agrave;m việc với Intellisense, v&igrave; n&oacute; chứa th&ocirc;ng tin kiểu cho c&aacute;c h&agrave;m v&agrave; biến cốt l&otilde;i của ng&ocirc;n ngữ ECMAScript; v&iacute; dụ: định nghĩa của h&agrave;m parseFloat.
Cấu h&igrave;nh TypeScript cung cấp t&ugrave;y chọn th&ecirc;m c&aacute;c thư viện system kh&aacute;c. C&aacute;c thư viện n&agrave;y hoạt động như phần mở rộng cho c&aacute;c t&iacute;nh năng cốt l&otilde;i của một phi&ecirc;n bản ECMAScript cụ thể; v&iacute; dụ: thư viện promise cho ph&eacute;p bạn l&agrave;m việc với c&aacute;c t&iacute;nh năng kh&ocirc;ng được t&iacute;ch hợp trong phi&ecirc;n bản ECMAScript ti&ecirc;u chuẩn m&agrave; bạn đang sử dụng. Để th&ecirc;m một thư viện system, bạn cần thay đổi file tsconfig.json trong phần lib. Dự &aacute;n sẽ tự động th&ecirc;m thư viện từ c&aacute;c file của lib. Kh&aacute;c với m&ocirc;-đun, lib kh&ocirc;ng cần sử dụng từ kh&oacute;a import. Bạn c&oacute; thể kh&aacute;m ph&aacute; file lib.d.ts bằng c&aacute;ch điều hướng đến định nghĩa (nhấn F12 trong hầu hết c&aacute;c IDE). H&agrave;nh động n&agrave;y mở ra file định nghĩa tại c&aacute;c biến, h&agrave;m hoặc kiểu m&agrave; bạn quan t&acirc;m. Kh&aacute;m ph&aacute; thư viện trong lib l&agrave; một c&aacute;ch tuyệt vời để t&igrave;m hiểu nội dung của ECMAScript v&agrave; c&aacute;c thư viện li&ecirc;n quan. File lib.d.ts thay đổi t&ugrave;y v&agrave;o phi&ecirc;n bản ECMAScript được chọn trong cấu h&igrave;nh TypeScript.
Một file định nghĩa phổ biến kh&aacute;c l&agrave; globals.d.ts. N&oacute; l&agrave; phần mở rộng của lib.d.ts. Bất kỳ bổ sung n&agrave;o đối với file n&agrave;y đều c&oacute; thể được truy cập trong to&agrave;n bộ dự &aacute;n. Tuy nhi&ecirc;n, lời khuy&ecirc;n l&agrave; h&atilde;y tạo một file định nghĩa t&ugrave;y chỉnh cho mỗi m&ocirc;-đun v&agrave; kh&ocirc;ng kết hợp c&aacute;c định nghĩa kh&ocirc;ng li&ecirc;n quan đến nhau. globals.d.ts kh&aacute; hữu &iacute;ch trong c&aacute;c trường hợp cần thực hiện thay đổi đối với thư viện JavaScript đang được sử dụng trong dự &aacute;n TypeScript. V&igrave; JavaScript cho ph&eacute;p bạn sửa đổi, th&ecirc;m hoặc loại bỏ khai b&aacute;o b&ecirc;n trong thư viện cốt l&otilde;i, TypeScript cũng phải hỗ trợ một cơ chế định nghĩa kiểu cho những thay đổi được thực hiện đối với thư viện JavaScript. Khi sử dụng global.d.ts, bạn c&oacute; thể kết hợp tất cả c&aacute;c thay đổi trong một file duy nhất. Tuy nhi&ecirc;n, globals.d.ts kh&ocirc;ng phải l&agrave; c&aacute;ch duy nhất để t&aacute;c động đến phạm vi to&agrave;n cục. TypeScript cũng cho ph&eacute;p bạn sử dụng declare global v&agrave; interface trong dấu ngoặc nhọn để định nghĩa c&aacute;c thay đổi ở phạm vi to&agrave;n cục.&nbsp;
Trong b&agrave;i học về khai b&aacute;o, bạn đ&atilde; được giới thiệu ngắn gọn về c&aacute;ch sử dụng từ kh&oacute;a declare. File định nghĩa thường sử dụng từ kh&oacute;a declare để đề cập đến sự tồn tại của biến, mặc d&ugrave; n&oacute; c&oacute; thể kh&ocirc;ng được khai b&aacute;o r&otilde; r&agrave;ng trong file n&agrave;y. Thay v&agrave;o đ&oacute;, n&oacute; biểu thị rằng biến tồn tại v&agrave; c&oacute; một kiểu dữ liệu cụ thể. Điều n&agrave;y đặc biệt đ&uacute;ng v&igrave; một số biến cụ thể, chẳng hạn như window hoặc Math tồn tại trong JavaScript m&agrave; kh&ocirc;ng phụ thuộc v&agrave;o Typescript. Hầu hết c&aacute;c kiểu được định nghĩa trong lib.d.ts cũng sử dụng từ kh&oacute;a interface. Interface được chọn nhờ khả năng mở rộng của n&oacute;. T&iacute;nh mở rộng n&agrave;y thường được &aacute;p dụng khi l&agrave;m việc với globals.d.ts để sửa đổi một interface cốt l&otilde;i đ&atilde; được định nghĩa trước đ&oacute;. N&oacute; tận dụng t&iacute;nh năng interface l&agrave; kết hợp nhiều định nghĩa với c&aacute;c định nghĩa từ lib.d.ts.

File định nghĩa và file định nghĩa toàn cục