Tổng hợp 500+ câu hỏi phỏng vấn Typescript

TypeScript là một ngôn ngữ lập trình mã nguồn mở dựa trên JavaScript, được phát triển bởi Microsoft. TypeScript cung cấp cú pháp và tính năng mới giúp bạn viết code JavaScript một cách dễ dàng và rõ ràng hơn.

Một số lý do mà chúng ta nên sử dụng TypeScript:

1. Kiểu dữ liệu tĩnh: TypeScript cho phép khai báo kiểu dữ liệu cho các biến, tham số và giá trị trả về. Việc này giúp kiểm tra lỗi và phát hiện các lỗi tiềm ẩn trong code sớm hơn, giúp giảm thiểu các lỗi phát sinh trong quá trình chạy ứng dụng.
2. Cú pháp nâng cao: TypeScript hỗ trợ nhiều cú pháp mới trong JavaScript như khai báo biến kiểu let, const, arrow functions, template literals, destructuring assignments, và nhiều tính năng khác giúp làm code ngắn gọn, dễ hiểu và dễ bảo trì hơn.
3. Tích hợp với các công cụ phát triển: TypeScript cung cấp hỗ trợ tích hợp tốt với các IDE như Visual Studio Code, Sublime Text, và WebStorm. Việc này giúp trong quá trình phát triển ứng dụng, những lỗi cú pháp và sai phân tích sẽ được phát hiện và sửa chữa trong quá trình viết code.
4. Công cụ tích hợp kiểm tra lỗi: TypeScript cung cấp trình biên dịch mạnh mẽ giúp kiểm tra lỗi và phân tích code trước khi chạy ứng dụng. Điều này giúp đảm bảo tính ổn định và độ tin cậy của ứng dụng.
5. Hỗ trợ kế thừa từ JavaScript: TypeScript là một superset của JavaScript, vì vậy mã nguồn JavaScript có thể được sử dụng bất cứ nơi nào trong mã TypeScript. Điều này giúp đơn giản hóa việc chuyển đổi từ mã JavaScript hiện có sang TypeScript.

Tổng cộng, TypeScript là một ngôn ngữ lập trình mạnh mẽ và linh hoạt, được sử dụng rộng rãi trong việc phát triển ứng dụng web và ứng dụng di động.

Ngôn ngữ gốc của TypeScript là JavaScript.

Trong TypeScript, có hỗ trợ các kiểu dữ liệu như:

1. Kiểu số (number)
2. Kiểu chuỗi (string)
3. Kiểu boolean (boolean)
4. Kiểu đối tượng (object): bao gồm cả kiểu đối tượng thông thường và kiểu đối tượng mảng, kiểu đối tượng hàm, kiểu đối tượng lớp...
5. Kiểu mảng (array)
6. Kiểu danh sách (Tuple)
7. Kiểu enum (enum): kiểu liệt kê
8. Kiểu null và undefined (null và undefined)
9. Kiểu any: kiểu dữ liệu đại diện cho bất kỳ kiểu dữ liệu nào
10. Kiểu không xác định (void): kiểu dữ liệu của một hàm không trả về giá trị
11. Kiểu never: kiểu mà một hàm không bao giờ kết thúc
12. Kiểu hợp (Union): kiểu dữ liệu có thể là một trong các kiểu được khai báo
13. Kiểu giao (Intersection): kiểu dữ liệu chứa các thuộc tính của các kiểu khác
14. Kiểu Literal: kiểu dữ liệu chỉ chấp nhận giá trị cụ thể
15. Kiểu Nullable: kiểu dữ liệu mà có thể có giá trị null
16. Kiểu Non-Nullable: kiểu dữ liệu mà không thể có giá trị null

Trong TypeScript, có hai loại kiểu dữ liệu chính là kiểu nguyên thủy (primitive types) và kiểu đối tượng (object types).

Trong kiểu nguyên thủy, TypeScript hỗ trợ các kiểu như số (number), chuỗi (string), boolean (boolean), null và undefined, kiểu mảng (array), và kiểu tuple (tuple).

Trong kiểu đối tượng, TypeScript hỗ trợ khái niệm kiểu đối tượng (object), kiểu hàm (function), kiểu mảng (array), kiểu union (union), kiểu giao (intersection), kiểu enum (enum), kiểu literal, kiểu void, kiểu any và kiểu never.

Ngoài ra, TypeScript còn hỗ trợ các kiểu dữ liệu được xác định bởi người dùng thông qua khái niệm kiểu dữ liệu tùy chỉnh (custom data types) sử dụng từ khóa type.

TypeScript là một ngôn ngữ lập trình mở rộng của JavaScript, được sử dụng để phát triển ứng dụng frontend và backend. Dưới đây là một số lý do tại sao TypeScript có thể được sử dụng cho cả frontend và backend:

1. Sự mở rộng của JavaScript: TypeScript là một sự mở rộng của JavaScript, điều này có nghĩa là bạn có thể viết mã TypeScript và sau đó biên dịch sang mã JavaScript thông qua trình biên dịch TypeScript. Điều này cho phép bạn sử dụng các tính năng của TypeScript trong khi vẫn có thể chạy mã trên trình duyệt hoặc Node.js.

2. Kiểu dữ liệu tĩnh: TypeScript cho phép bạn định nghĩa và sử dụng kiểu dữ liệu tĩnh trong mã của bạn. Điều này giúp trong việc phát hiện lỗi và phát triển ứng dụng an toàn hơn, vì nó kiểm tra các kiểu dữ liệu trong quá trình biên dịch để phát hiện lỗi trước khi chạy chương trình.

3. Sử dụng cùng một ngôn ngữ cho cả frontend và backend: TypeScript cho phép bạn sử dụng cùng một ngôn ngữ lập trình cho cả frontend và backend. Điều này giúp rút ngắn thời gian học và làm quen với các công nghệ khác nhau, cũng như giảm thiểu sự không thống nhất trong quá trình phát triển ứng dụng.

4. Cộng đồng lớn và hỗ trợ mạnh: TypeScript có một cộng đồng lớn và hỗ trợ mạnh từ Microsoft và cộng đồng người dùng. Có nhiều thư viện và công cụ hỗ trợ cho TypeScript, giúp việc phát triển ứng dụng dễ dàng hơn.

5. JavaScript Compatibility: TypeScript được biên dịch thành JavaScript, do đó nó tương thích hoàn toàn với JavaScript. Bạn có thể sử dụng các thư viện JavaScript hiện có và mã nguồn mở trong dự án TypeScript của bạn mà không cần thay đổi.

Nhờ vào những lợi ích trên, TypeScript trở thành một lựa chọn phổ biến cho việc phát triển ứng dụng frontend và backend.

Trong TypeScript, hỗ trợ module để tạo và quản lý các phần mã tái sử dụng, đóng gói chúng vào các phạm vi tách biệt.

Để sử dụng module trong TypeScript, bạn có thể sử dụng cú pháp import và export. Dưới đây là cách sử dụng module trong TypeScript:

1. Tạo file TypeScript với phần mở rộng .ts và khai báo các entities, hàm, lớp, hoặc bất kỳ phần nào bạn muốn xuất khỏi module:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

export function subtract(a: number, b: number): number {
  return a - b;
}

2. Trong file TypeScript khác, sử dụng cú pháp import để nhập các phần tử từ module:

// main.ts
import { add, subtract } from "./math";

console.log(add(3, 2)); // Output: 5
console.log(subtract(5, 2)); // Output: 3

Trong ví dụ trên, chúng ta đã tạo một module math.ts với hai hàm add và subtract, sau đó nhập nó vào file main.ts bằng cách sử dụng import. Bạn có thể sử dụng các phần tử nhập khẩu như bất kỳ thông tin nào khác trong file main.ts.

Để sử dụng module, ensure tsconfig.json files include the key/value pair for "module": "es2015" or "module": "commonjs".

Có, TypeScript hỗ trợ tính năng tự động hoàn thành (auto completion) khi sử dụng trình biên dịch hoặc các trình chỉnh sửa mã nguồn phổ biến như Visual Studio Code. Tính năng này giúp người lập trình tiết kiệm thời gian và giảm thiểu lỗi, bằng cách đề xuất các thuộc tính, phương thức hoặc biến có thể được sử dụng dựa trên kiểu dữ liệu của biến hoặc đối tượng hiện tại.

Trong TypeScript, bạn có thể khai báo một biến bằng cách sử dụng từ khóa let, const hoặc var sau đó là tên biến và kiểu dữ liệu của biến. Ví dụ:

let name: string = "John"; // khai báo biến name có kiểu dữ liệu là string và giá trị là "John"

const age: number = 25; // khai báo biến age có kiểu dữ liệu là number và giá trị là 25

var isActive: boolean = true; // khai báo biến isActive có kiểu dữ liệu là boolean và giá trị là true

Bạn cũng có thể khai báo một biến mà không cần chỉ định kiểu dữ liệu, TypeScript sẽ tự động suy luận kiểu dữ liệu của biến dựa trên giá trị gán vào biến. Ví dụ:

let message = "Hello TypeScript"; // TypeScript tự suy luận kiểu dữ liệu của biến là string

Ngoài ra, TypeScript cung cấp các kiểu dữ liệu cụ thể như number, boolean, string, any, void, object, vv. Bạn có thể sử dụng các kiểu dữ liệu này để khai báo biến. Ví dụ:

let phoneNumber: number = 1234567890; // kiểu dữ liệu number

let isActive: boolean = true; // kiểu dữ liệu boolean

let fullName: string = "John Doe"; // kiểu dữ liệu string

let data: any = "some data"; // kiểu dữ liệu any cho phép gán bất kỳ kiểu dữ liệu nào

function logMessage(): void { // kiểu dữ liệu void cho biến không trả về giá trị
    console.log("Message");
}

let person: object = { // kiểu dữ liệu object cho biến là một đối tượng
    name: "John",
    age: 25
};

Để khai báo một hàm trong TypeScript, bạn sử dụng từ khóa "function" sau đó đặt tên hàm và chỉ định kiểu của các tham số và kiểu trả về (nếu có). Ví dụ:

function greet(name: string): string {
  return "Hello, " + name;
}

Trong ví dụ trên, chúng ta định nghĩa một hàm "greet" nhận một tham số kiểu chuỗi và trả về một giá trị chuỗi. Bạn có thể thay đổi kiểu của tham số và kiểu trả về theo nhu cầu của bạn.

Trong TypeScript, có hỗ trợ class như trong các ngôn ngữ lập trình hướng đối tượng khác như Java hoặc C++. Để khai báo một class trong TypeScript, bạn sử dụng từ khóa class sau đó khai báo tên của class và các thành phần bên trong ngoặc nhọn {}.

Dưới đây là một ví dụ về cách khai báo một class trong TypeScript:

class MyClass {
  constructor(private name: string) {

  }

  sayHello() {
    console.log("Hello, " + this.name);
  }
}

Trong ví dụ trên, chúng ta đã tạo một class có tên MyClass, có một thuộc tính name là một chuỗi ký tự, và một phương thức sayHello() để in ra màn hình chuỗi "Hello" kèm theo giá trị của thuộc tính name.

Để sử dụng class trong TypeScript, bạn khởi tạo một đối tượng từ class bằng cách sử dụng từ khóa new và gọi phương thức trên đối tượng đó, như sau:

let myObject = new MyClass("John");
myObject.sayHello(); // In ra màn hình "Hello, John"

Trên đây là một cách đơn giản để khai báo và sử dụng class trong TypeScript. Bạn cũng có thể thêm nhiều tính năng khác như kế thừa, ghi đè phương thức, hoặc sử dụng các thuộc tính và phương thức tĩnh trong class của mình.