Saturday, September 7, 2024
HomeLập Trình TypeScriptTìm hiểu Functions trong TypeScript

Tìm hiểu Functions trong TypeScript

Giới thiệu về TypeScript Functions

Functions trong typescript dùng để chứa một khối lệnh phục vụ cho việc dễ đọc code, dễ bảo trì và tái sử dụng code.
Giống như JavaScript, bạn có thể sử dụng từ khóa function để khai báo một function trong TypeScript. Cho một ví dụ về tính chu vi hình chữ nhật

TypeScript
function PerimeterRectangle(length: number, width: number): number {
  return 2 * (length + width);
}

Ở Function chúng ta thấy được cấu tạo của một function trong typescript bao gồm:
Từ khóa function
Tên của function : PerimeterRectangle
Các tham số có khai báo kiểu: length và width với kiểu number
Kiểu trả về của function là number đi liền sau đó

Lưu ý: kiểu trả về có thể có hoặc không, vì TypeScript có thể suy luận ra kiểu trả về

TypeScript
function PerimeterRectangle(length: number, width: number) {
  return 2 * (length + width);
}
let result = PerimeterRectangle(10, 24);

console.log(result); // 68

Như chúng ta thấy ở code trên thì không cần xác định kiểu trả về cho function vì nó có thể tự suy luận ra kiểu được

Nếu bạn tạo ra một hàm không có kiểu trả về thì mặc định kiểu trả về của nó là void, lúc này bạn cũng có thể ghi cụ thể void hoặc bỏ trống

TypeScript
function ShowMessage(message: string) {
  console.log(message.toUpperCase());
}
ShowMessage("Xin chao Vietnam !");

Tóm lại khi bạn tạo function thì nên type annnotations cho parameter và return value nhiều nhất có thể để dễ dàng ràng buộc, giúp code của bạn chặt chẽ hơn.

Nguyễn Minh Châu
Nguyễn Minh Châuhttps://laptrinhdotnet.com
Hi guys ! I'm a software developer. I love programming and new technologies. I create non-professional content on this website, you can only view it for reference purposes.
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here