9 Câu hỏi phỏng vấn TypeScript sơ cấp

1. TypeScript là gì và nó khác với JavaScript như thế nào?

2. Lợi ích của việc sử dụng TypeScript là gì?

Ví dụ: TypeScript kiểm tra null và báo lỗi ngay tại thời điểm biên dịch (Trong IDE của bạn), nhờ đó ngăn chặn một lỗi phổ biến trong JavaScript đó là truy cập vào thuộc tính của một biến không xác định trong thời gian chạy.

3. Interface trong TypeScript là gì?

interface User {
  name: string;
  age: number;
}

let user: User = {
  name: “Bob”,
  age: 20, 
// omitting the `age` property or assigning a different type 
// instead of a number would throw an error
};

4. Làm thế nào để tạo type mới bằng một tập hợp con của interface?

Việc sửa đổi interface rất có lợi để loại bỏ code trùng lặp và tối đa hoá khả năng tái sử dụng của các interface hiện có (Nếu điều đó hợp lý). Câu hỏi này nhắc đến một trong nhiều tính năng mà TypeScript cung cấp để tạo ra một interface mới từ interface hiện có.

interface User {
  name: string;
  description: string;
  age: number;
  email: string;
}

// removes the `email` property from the User interface
type UserPreview = Omit<User, “email”>;

const userPreview: UserPreview = {
  name: “Bob”,
  description: “Awesome guy”,
  age: 20,
};

4. Các “enum” hoạt động như thế nào trong TypeScript?

Enum là một cấu trúc dữ liệu phổ biến trong hầu hết các ngôn ngữ typed. Hiểu rõ về enum và cách sử dụng chúng là một phần quan trọng trong việc tổ chức code và giúp code trở nên dễ đọc hơn.

enum UserType {
  Guest = “G”,
  Verified = “V”,
  Admin = “A”,
}

const userType: UserType = UserType.Verified;

5. Hàm arrow (Hàm mũi tên) trong TypeScript là gì?

Arrow function là một tính năng phổ biến của ES6 và TypeScript nhằm giới thiệu cách khác ngắn hơn để xác định các hàm. Arrow function cũng có những ưu và nhược điểm quan trọng mà bạn cần xem xét khi lựa chọn phương pháp nào sẽ được sử dụng.

function addNumbers(x: number, y: number): number {
  return x + y;
}

addNumbers(1, 2); // returns 3

const addNumbers = (x: number, y: number): number => {
  return x + y;
};

addNumbers(1, 2); // returns 3

6. Sự khác nhau giữa var, let và const trong TypeScript là gì?

TypeScript cung cấp ba cách khai báo biến khác nhau: var, let và const. Phân biệt được ba từ khóa này, hiểu được khi nào nên dùng từ nào là yêu cầu quan trọng để viết code chất lượng. Hãy đảm bảo rằng bạn có trình bày về các trường hợp sử dụng cụ thể đối với từng từ khóa, kèm theo tính chất của chúng.

• var: Khai báo biến function scope hoặc biến toàn cục (Global scope), có tính chất và quy tắc phạm vi tương tự với các biến var của JavaScript. Các biến var không yêu cầu gán giá trị cho nó trong quá trình khai báo.

• let: Khai báo một biến cục bộ trong phạm vi khối (Block-scoped local variable). Các biến let không yêu cầu gán giá trị cho một biến trong quá trình khai báo. Block-scoped local variable có nghĩa là biến chỉ có thể được truy cập trong khối chứa của nó, chẳng hạn như một hàm, một khối if/ else hoặc một vòng lặp. Hơn nữa, không giống như var, chúng ta không thể đọc hoặc ghi biến let trước khi chúng được khai báo.

// reading/writing before a `let` variable is declared
console.log(“age”, age); 
// Compiler Error: error TS2448: Block-scoped variable ‘age’ used before its declaration

age = 20; 
// Compiler Error: error TS2448: Block-scoped variable ‘age’ used before its declaration

let age: number;

// accessing `let` variable outside its scope
function user(): void {
  let name: string;
  if (true) {
    let email: string;
    console.log(name); // OK
    console.log(email); // OK
  }

  console.log(name); // OK
  console.log(email); // Compiler Error: Cannot find name ’email’
}

• const: Khai báo một giá trị hằng số trong phạm vi khối mà giá trị đó không thể thay đổi sau khi khởi tạo. Các biến const yêu cầu việc khởi tạo như một phần trong quá trình khai báo. Điều này trở nên lý tưởng đối với các biến không thay đổi trong suốt thời gian tồn tại của chúng.

// reassigning a `const` variable
const age: number = 20;

age = 30; 
// Compiler Error: Cannot assign to ‘age’ because it is a constant or read-only property

// declaring a `const` variable without initialization
const name: string; 
// Compiler Error: const declaration must be initialized

7. Khi nào bạn sử dụng return type là “never” và nó khác với “void” như thế nào?

printName(name: string): void {
  console.log(name);
}

const printer = printName('Mike'); // Mike
console.log(printer); // logs “undefined”

const error = (): never => {
  throw new Error('');
};

8. TypeScript hỗ trợ những Access modifier (Phạm vi truy cập) nào?

Access modifier (Phạm vi truy cập) và encapsulation (Sự đóng gói) song hành với nhau. Câu hỏi này nhằm để hiểu kiến thức của ứng viên về khái niệm “đóng gói”, cũng như về  cách tiếp cận của TypeScript với việc hạn chế truy cập dữ liệu. Người hỏi cũng có thể đang muốn nghe về các ứng dụng thực tế của phạm vi truy cập, lý do đằng sau và lợi ích của chúng.

• public: Tất cả các thuộc tính và phương thức được mặc định công khai. Chúng ta có thể nhìn thấy và truy cập các member công khai của một class từ bất kỳ vị trí nào.

• protected: Các thuộc tính được bảo vệ có thể truy cập được từ trong cùng một class và subclass của nó.

• private: Các thuộc tính riêng tư chỉ có thể truy cập được từ trong class mà thuộc tính hoặc phương thức đó được định nghĩa.

class User {
	// only accessible inside the `User` class
  private username; 

  // only accessible inside the `User` class and its subclass
  protected updateUser(): void {}

  // accessible from any location
  public getUser() {}
}

Property ‘<property-name>’ is private and only accessible within class ‘<class-name>’.

9. Generic là gì và cách sử dụng chúng trong TypeScript?

function updateUser<Type>(arg: Type): Type {
  return arg;
}

// explicitly specifying the type
let user = updateUser<string>(“Bob”);

// type argument inference
let user = updateUser(“Bob”);