- vừa được xem lúc

Sử dụng kiểu Void, Any TypeScript

0 0 15

Người đăng: Gấu con

Theo Viblo Asia

TypeScript void type

Kiểu void trong TypeScript được sử dụng để trả về loại của hàm, mà trong đó hàm không trả về bất kỳ giá trị nào, Ví dụ:

function log(message): void { console.log(messsage);
}

Những lợi ích khi sử dụng kiểu void:

  • Code trở nên rõ ràng, dễ hiểu: Bạn không cần đọc toàn bộ nội dung code của hàm xem nó có trả về bất kỳ thứ gì hay không
  • Đảm bảo kiểu an toàn: bạn sẽ không bao giờ gán hàm có kiểu trả về void cho một biến.

Lưu ý rằng nếu bạn sử dụng kiểu void cho một biến, bạn chỉ có thể gán undefined cho biến đó.
Trong trường hợp này, kiểu void không hữu ích. Ví dụ:

let useless: void = undefined;
useless = 1; // error

Tóm tắt:

  • Sử dụng kiểu void void làm kiểu trả về của các hàm không trả về bất kỳ giá trị nào.

TypeScript any type

TypeScript kiểu any cho phép bạn lưu trữ một giá trị thuộc bất kỳ kiểu nào. Nó hướng dẫn trình biên dịch bỏ qua việc kiểm tra kiểu.
Thỉnh thoảng bạn cần lưu một giá trị vào một biến, nhưng bạn không biết loại của biến ở thời điển hiện tại là gì.Và giá trị không xác định có thể đến từ API của bên thứ ba hoặc input của người dùng.
Trong trường hợp này bạn sẽ sử dụng kiểu any. Kiểu any cho phép bạn gán một giá trị với loại bất kỳ đến biến.

// json may come from a third-party API
const json = `{"latitude": 10.11, "longitude":12.12}`; // parse JSON to find location
const currentLocation = JSON.parse(json);
console.log(currentLocation);

Output:

{ latitude: 10.11, longitude: 12.12 }

Trong ví dụ trên, biến currentLocation được gán bằng một object được trả về bởi hàm JSON.parse().
Tuy nhiên, khi bạn sử dụng currentLocation để truy cập các thuộc tính không tồn tại trong object, TypeScript cũng không kiểm tra hay có bất cứ cảnh báo lỗi gì:

console.log(currentLocation.x);

Output:

undefined

Trình biên dịch TypeScript sẽ không nhắc nhở hoặc đưa ra bất kỳ lỗi nào.

TypeScript any vs. object
Nếu bạn khai báo một biến với kiểu object, bạn cũng có thể gán cho nó bất kỳ giá trị nào. Tuy nhiên, bạn không thể gọi một phương thức trên object ngay cả khi phương thức đó thực sự không tồn tại. Ví dụ:

let result: any;
result = 10.123;
console.log(result.toFixed());
result.willExist(); //

Trong ví dụ này, TypeScript compiler không có bất kỳ cảnh báo lỗi nào, mặc dù phương thức willExist() không tồn tại ở thời điểm biên dịch.Nhưng phương thức willExist () có thể khả dụng trong thời gian chạy.
Tuy nhiên, nếu bạn thay đổi kiểu của biến result thành object, trình biên dịch TypeScript sẽ phát ra lỗi:

let result: object;
result = 10.123;
result.toFixed();

Output:

error TS2339: Property 'toFixed' does not exist on type 'object'.

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 496

- vừa được xem lúc

Type annotation vs Type Inference - Typescript

Trong bài viết này, chúng ta sẽ tìm hiểu kỹ về TypeScript bằng cách tìm hiểu sự khác biệt giữa kiểu chú thích và kiểu suy luận. Tôi sẽ cho rằng bạn có một số kinh nghiệm về JavaScript và biết về các kiểu cơ bản, như chuỗi, số và boolean.

0 0 31

- vừa được xem lúc

Type Annotation và Type Inference trong TypeScript là gì?

Khi làm việc với javascript chắc hẳn các bạn đã quá quen với việc dùng biến mà không cần phải quan tâm đến kiểu dữ liệu của nó là gì phải không? Đúng là mới đầu tiếp cận với Typescript mình cũng cảm thấy nó khá là phiền vì cần phải khai báo đủ type để nó chặt chẽ hơn. Lúc đó mình còn nghĩ: " JavaScr

0 0 24

- vừa được xem lúc

Tìm hiểu TypeScript và kiến thức cơ bản

TypeScript là gì. TypeScript sử dụng tất cả các tính năng của của ECMAScript 2015 (ES6) như classes, modules.

0 0 33

- vừa được xem lúc

TypeScript - P1: Vì sao TypeScript được yêu thích đến vậy?

Trải nghiệm thực tế. Trước khi là một Web Developer, tôi là một Mobile Developer và Java là thứ mà tôi từng theo đuổi.

0 1 57

- vừa được xem lúc

4 Tính năng rất hay từ TypeScript

Xin chào các bạn hôm nay mình xin chia sẽ những tính năng rất hay của TypeScript (TS), các bạn cùng tìm hiểu nhé. Ngoài việc set Type cho biến, tham số hay function thì ví dụ khi bạn nhìn vào một tham

0 0 81