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

Trong b&agrave;i học n&agrave;y, bạn sẽ t&igrave;m hiểu c&aacute;ch khởi tạo chuỗi tr&ecirc;n một d&ograve;ng duy nhất cũng như c&aacute;ch viết chuỗi tr&ecirc;n nhiều d&ograve;ng.
<h2 style="text-align: justify;">Chuỗi tr&ecirc;n một d&ograve;ng</h2>
Kiểu dữ liệu nguy&ecirc;n thủy đầu ti&ecirc;n l&agrave; chuỗi. Chuỗi được tạo th&agrave;nh từ c&aacute;c k&yacute; tự. N&oacute; c&oacute; thể được g&aacute;n gi&aacute; trị bằng c&aacute;ch sử dụng dấu nh&aacute;y đơn hoặc nh&aacute;y k&eacute;p. Nội dung của chuỗi c&oacute; thể l&agrave; số nhưng n&oacute; sẽ được xử l&yacute; như k&yacute; tự nếu được đặt trong cặp dấu nh&aacute;y. Bạn c&oacute; thể lựa chọn sử dụng dấu nh&aacute;y đơn hoặc dấu nh&aacute;y k&eacute;p. Tuy nhi&ecirc;n, c&aacute;c dự &aacute;n TypeScript trong kh&oacute;a học n&agrave;y sẽ sử dụng dấu nh&aacute;y k&eacute;p. Ngo&agrave;i ra, một điều m&agrave; bạn cần biết l&agrave; code TypeScript được viết bằng TypeScript! Điều n&agrave;y c&oacute; nghĩa l&agrave; TypeScript được sử dụng để ph&aacute;t triển ch&iacute;nh n&oacute;, v&igrave; vậy việc tu&acirc;n thủ c&aacute;c hướng dẫn chuẩn l&agrave; một thực h&agrave;nh tốt.
<pre class="language-ts" data-content="let%20w%20%3D%20%22Value1%22%3B%0Alet%20x%20%3D%20%22this%20is%20a%20string%20with%20the%20value%20%22%20%2B%20w%3B%0Alet%20y%20%3D%20'this%20is%20a%20string%20with%20the%20value%20'%20%2B%20w%3B%0Alet%20z%20%3D%20%60this%20is%20a%20string%20%24%7Bw%7D%60%3B%0Aconsole.log(w%2Cx%2Cy%2Cz)" data-language="ts" data-ace-language="typescript" data-name-language="TypeScript" data-main-file="main.ts"><code>let w = "Value1";
let x = "this is a string with the value " + w;
let y = 'this is a string with the value ' + w;
let z = `this is a string ${w}`;
console.log(w,x,y,z)</code></pre>
Ta cũng c&oacute; thể sử dụng dấu nh&aacute;y ngược để nội suy chuỗi. Nội suy chuỗi cho ph&eacute;p tạo mẫu chuỗi để tr&aacute;nh việc gh&eacute;p nối nhiều chuỗi bằng dấu cộng. Điều n&agrave;y gi&uacute;p ta tạo ra chuỗi hiệu quả hơn. C&uacute; ph&aacute;p bắt đầu bằng dấu nh&aacute;y ngược v&agrave; sau đ&oacute; l&agrave; id theo sau bởi c&aacute;c chuỗi đặt trong dấu nh&aacute;y đơn hoặc nh&aacute;y k&eacute;p. Gi&aacute; trị của biến được nh&uacute;ng v&agrave;o chuỗi bằng c&aacute;ch sử dụng k&yacute; hiệu dollar theo sau l&agrave; một dấu ngoặc nhọn, sau đ&oacute; bạn cần ch&egrave;n t&ecirc;n của biến v&agrave;o. Việc sử dụng dấu ngoặc nhọn kết th&uacute;c l&agrave; bắt buộc, sau đ&oacute;, bạn c&oacute; thể viết bất kỳ k&yacute; tự n&agrave;o kh&aacute;c v&agrave; đ&oacute;ng chuỗi bằng c&aacute;ch sử dụng dấu nh&aacute;y ngược thứ hai. N&oacute; tương ứng với <code>${word}</code> trong d&ograve;ng 2 của đoạn code dưới đ&acirc;y. Tr&igrave;nh giữ chỗ thường l&agrave; một biến, nhưng bạn c&oacute; thể ch&egrave;n bất kỳ biểu thức TypeScript n&agrave;o.
<pre class="language-ts" data-content="let%20word%20%3D%20%22yes!%22%0Alet%20stringInterpolation%20%3D%20%60this%20is%20a%20string%20%24%7Bword%7D%60%3B%0Aconsole.log(stringInterpolation)" data-language="ts" data-ace-language="typescript" data-name-language="TypeScript" data-main-file="main.ts"><code>let word = "yes!"
let stringInterpolation = `this is a string ${word}`;
console.log(stringInterpolation)</code></pre>
<h2 style="text-align: justify;">Chuỗi tr&ecirc;n nhiều d&ograve;ng</h2>
TypeScript cho ph&eacute;p viết chuỗi tr&ecirc;n nhiều d&ograve;ng m&agrave; kh&ocirc;ng cần sử dụng dấu gạch ch&eacute;o ngược v&agrave; k&yacute; tự n, <code>\n</code> như trong JavaScript.
<pre class="language-ts" data-content="let%20multiline1%20%3D%20%22Line1%5Cn%22%20%2B%20%22Line2%5Cn%22%20%2B%20%22Line3%5Cn%22%3B%0A%0Alet%20multiline2%20%3D%20%60Line1%0ALine2%0ALine3%60%3B%0A%0Aconsole.log(multiline1)%3B%0Aconsole.log(multiline2)%3B" data-language="ts" data-ace-language="typescript" data-name-language="TypeScript" data-main-file="main.ts"><code>let multiline1 = "Line1\n" + "Line2\n" + "Line3\n";

let multiline2 = `Line1
Line2
Line3`;

console.log(multiline1);
console.log(multiline2);</code></pre>
C&aacute;ch viết ngắn gọn n&agrave;y gi&uacute;p tr&aacute;nh việc sử dụng nhiều k&yacute; tự gạch ch&eacute;o ngược v&agrave; bạn c&oacute; thể dễ d&agrave;ng xuống d&ograve;ng chỉ bằng c&aacute;ch nhấn ph&iacute;m Enter. Tương tự như nội suy chuỗi, c&aacute;ch n&agrave;y cũng y&ecirc;u cầu sử dụng dấu nh&aacute;y ngược để đ&oacute;ng g&oacute;i chuỗi. B&ecirc;n trong dấu nh&aacute;y ngược, mỗi d&ograve;ng mới sẽ được xem như bạn đ&atilde; sử dụng <code>\n</code> một c&aacute;ch tường minh. Kết quả của nội suy chuỗi l&agrave; nhiều chuỗi được nối với nhau bằng k&yacute; tự \n.
<h2 style="text-align: justify;">Nội suy chuỗi để định dạng</h2>
Nội suy chuỗi c&oacute; một ưu điểm l&agrave; cung cấp tr&igrave;nh giữ chỗ để thực thi code TypeScript. Trường hợp sử dụng ch&iacute;nh l&agrave; c&oacute; một chuỗi với c&aacute;c phần động chứa gi&aacute; trị c&oacute; thể thay đổi.
<pre class="language-ts" data-content="let%20numberBook%20%3D%2010%3B%0Alet%20storeName%20%3D%20%22Amazon%22%3B%0Alet%20title%20%3D%20%60My%20favorite%20%24%7BnumberBook%7D%20books%20on%20%24%7BstoreName%7D%60%0Aconsole.log(title)%3B" data-language="ts" data-ace-language="typescript" data-name-language="TypeScript" data-main-file="main.ts"><code>let numberBook = 10;
let storeName = "Amazon";
let title = `My favorite ${numberBook} books on ${storeName}`
console.log(title);</code></pre>
Như đ&atilde; đề cập, nội suy chuỗi thực thi code. Mặc d&ugrave; thường được sử dụng để ch&egrave;n c&aacute;c gi&aacute; trị của biến, bạn c&oacute; thể thực thi code TypeScript như dưới đ&acirc;y:
<pre class="language-ts" data-content="function%20getPrice()%3A%20number%7B%0A%C2%A0%C2%A0%C2%A0%C2%A0return%20100%3B%0A%7D%0Alet%20description%20%3D%20%60The%20book%20is%20about%20%24%7B2%2B5%7D%20chapters%20and%20cost%20%24%7BgetPrice()%7D%24.%60%3B%0Aconsole.log(description)" data-language="ts" data-ace-language="typescript" data-name-language="TypeScript" data-main-file="main.ts"><code>function getPrice(): number{
 return 100;
}
let description = `The book is about ${2+5} chapters and cost ${getPrice()}$.`;
console.log(description)</code></pre>
Cho đến nay, bạn đ&atilde; định nghĩa chuỗi theo c&aacute;ch kh&ocirc;ng tường minh. Tuy nhi&ecirc;n, việc định nghĩa chuỗi tường minh cũng chỉ đơn giản l&agrave; sử dụng dấu chấm phẩy v&agrave; từ kh&oacute;a <code>string</code>.
<pre class="language-ts" data-content="let%20myString%3A%20string%20%3D%22I%20am%20a%20string%22%3B%0Alet%20myString2%3A%20string%20%3D%20%60so%20am%20I%60%3B" data-language="ts" data-ace-language="typescript" data-name-language="TypeScript" data-main-file="main.ts"><code>let myString: string ="I am a string";
let myString2: string = `so am I`;</code></pre>

Các phương pháp khai báo chuỗi