Hướng dẫn này giải thích cách loại hàm có thể chỉ định trong TypeScript.
Làm cách nào để chỉ định 'Loại' của một Hàm trong TypeScript?
Các ' kiểu ” từ khóa tương ứng với loại tham số/đối số của hàm hoặc giá trị trả về của nó. Sau khi loại được đặt với các tham số, thì người dùng không thể thêm bất kỳ loại giá trị nào khác vào đó.
Hãy bắt đầu với ví dụ đầu tiên.
Ví dụ 1: Chỉ định Kiểu Trả về của Hàm
Ví dụ đầu tiên này chỉ định kiểu trả về của hàm đã cho hạn chế hàm đó chỉ trả về giá trị của kiểu trả về đã chỉ định.
Mã số
Sử dụng các dòng mã này trong tệp có phần mở rộng “.ts”:
chức năng Thời gian ( ) : con số {
trở lại mới Ngày ( ) . dành thời gian ( ) ;
}
bảng điều khiển. đăng nhập ( Thời gian ( ) ) ;
Trong các dòng mã trên:
- Các ' Thời gian() ” chức năng chỉ định “ con số ” kiểu dữ liệu làm kiểu trả về của hàm này.
- Câu lệnh “return” này sử dụng “ ngày ” đối tượng được liên kết với “ dành thời gian() ” để trả về ngày và giờ tính bằng mili giây dưới dạng “số”.
- Cuối cùng, gọi hàm đã xác định.
đầu ra
Biên dịch tệp “.ts” bằng trình biên dịch “tsc” và sau đó chạy tệp “.js” đã biên dịch:
tsc chính. ts //Biên dịchnút chính. js //Chạy
Như đã thấy, hàm “Time()” truy xuất giá trị số đã chỉ định vì kiểu trả về của nó là “số”.
Ví dụ 2: Chỉ định các loại tham số của hàm
Ví dụ này chỉ định loại tham số của hàm để hạn chế chúng không chấp nhận bất kỳ giá trị loại dữ liệu nào khác:
chức năng thêm ( Một : số, b : con số ) : con số{
trở lại Một + b ;
}
bảng điều khiển. đăng nhập ( 'Tổng là:' + thêm vào ( 10 , hai mươi ) ) ;
Trong mã này:
- Các ' thêm vào() ” hàm nhận hai tham số “ Một Và b ” thuộc loại “ con số ”.
- Hàm này trả về giá trị số là kết quả của phép toán số học đã chỉ định, tức là “a+b”.
- Các ' console.log() ” gọi phương thức “ thêm vào() ” hàm chuyển các giá trị đối số đã nêu dưới dạng “số”.
đầu ra
tsc chính. tsnút chính. js
Ở đây, đầu ra hiển thị thành công tổng các số được chỉ định.
Ví dụ 3: Các loại hàm trong TypeScript và chỉ định loại của chúng
Trong TypeScript, các chức năng được phân loại thành hai loại: “ được đặt tên ' Và ' Vô danh ”.
Chức năng được đặt tên
Các ' được đặt tên ” chức năng được khai báo theo tên đã cho của nó. Hàm này có thể chứa kiểu tham số của hàm hoặc kiểu trả về. Bản demo của nó có thể được tổng quan trong “Ví dụ 2”.
cú pháp
Tên chức năng ( [ tranh luận ] ) { }Chức năng ẩn danh
Các ' Vô danh ” được gán cho một biến xác định nó một cách linh hoạt như một biểu thức trong thời gian chạy. Nó hoạt động giống như hàm/đơn giản. Người dùng có thể gọi nó bằng tên biến mà nó được gán để gọi các chức năng của hàm.
cú pháp
để lại kết quả = chức năng ( [ tranh luận ] ) { }Bây giờ, hãy chứng minh chức năng được thảo luận một cách thực tế:
hãy để myFunc = chức năng ( x : số, y : con số ) : con số {trở lại x * Và ;
} ;
bảng điều khiển. đăng nhập ( myFunc ( 10 , 6 ) ) ;
Trong các dòng mã trên:
- Biến “myFunc” xác định một hàm có các tham số (với kiểu của chúng) và kiểu trả về.
- Câu lệnh “return” trả về phép nhân của các giá trị đã truyền.
- Các ' console.log() ” phương thức gọi “hàm ẩn danh” với sự trợ giúp của biến được gán của nó “ myFunc ” bằng cách chuyển các giá trị đã nêu làm đối số.
đầu ra
tsc chính. tsnút chính. js
Ở đây, đầu ra trả về giá trị kiểu “số” vì kiểu trả về của hàm là “số”.
Phần kết luận
Trong TypeScript, “ kiểu ” của một hàm đề cập đến các tham số của hàm hoặc giá trị trả về dựa trên các kiểu dữ liệu tích hợp sao cho chỉ các giá trị đã chỉ định mới được hàm hỗ trợ. Hướng dẫn này giải thích ngắn gọn cách chỉ định “loại” của hàm bằng TypeScript.