Gọi function trong JavaScript
|
Một hàm JavaScript được khai báo với từ khóa function, theo sau là name, theo sau là 0 hoặc nhiều tham số được khai báo bên trong (). Tên hàm có thể chứa các ký tự chữ cái, chữ số, dấu gạch dưới, và ký tự dô la (giống như quy tắc đặt tên biến). Giả sử bạn cần tạo một chương trình để tạo một hình tròn và tính chu vi của nó. Bạn có thể tạo hai hàm để giải quyết vấn đề này:
Khi sử dụng function, nó giúp chúng ta chia một vấn đề phức tạp thành các phần nhỏ hơn giúp chương trình dễ hiểu và đặc biệt là có thể sử dụng lại (reusable). JavaScript hay các ngôn ngữ lập trình khác cũng có một lượng lớn các hàm có sẵn (Built-in Functions). Ví dụ: Trong bài viết này này, chúng ta cùng tìm hiểu về các hàm do chúng ta định nghĩa. Khai báo hàmCú pháp để khai báo một hàm như sau:
Ví dụ: Gọi hàmỞ ví dụ trên, chúng ta đã khai báo một hàm có tên là Chúng ta sẽ gọi hàm Ví dụ:Sau khi gọi hàm Function ParametersMột hàm cũng có thể được khai báo với các tham số (parameters). Tham số là giá trị được truyền khi khai báo một hàm. Ví dụ như bạn đến ngân hàng vào đưa các thông tin cá nhân của mình (parameters) để yêu cầu ngân hàng tạo cho bạn một thẻ ngân hàng. Cú pháp: Trong đó: Ví dụ:Ở ví dụ trên mình có tạo một hàm Ta nhập thử tên theo ý mình nhé: Thử nhập tên khác xem có tái sử dụng hàm được không 😃: Trong chương trình trên, hàm
Ví dụ:Giờ ta sẽ thử tính tổng hai số với tham số là 2 số tùy chọn nhé. Kết quả chúng ta được: Trong chương trình trên, hàm
Hàm có tham số mặc địnhChúng ta có thể đặt mặc định một giá trị cho tham số nếu muốn ^^. Kết quả: Khi gọi hàm với tham số mặc định, như ví dụ trên thì Function ReturnCâu lệnh Câu lệnh Nếu không có gì được Ví dụ:Chúng ta xem kết quả ở ví dụ trên: Trong chương trình trên, kết quả phép tính tổng được trả về bởi hàm sử dụng câu lệnh Giả sử chúng ta không sử dụng lệnh return thì kết quả như sau: Kết quả chúng ta được: Tổng hai số là undefined 😣. Lý do là chúng ta không return về kết quả tính tổng. Do đó function sẽ mặc định Qua các ví dụ trên chúng ta có thể thấy được lợi ích khi sử dụng hàm như sau ^^.
Function ExpressionsTrong Javascript, các hàm cũng có thể được định nghĩa dưới dạng các biểu thức (expressions). Ví dụ: Trong chương trình trên, biến Hàm trên chúng ta không đặt tên cho nó, hàm này được gọi là hàm ẩn danh (anonymous function). Trong ES2015, các biểu thức trên còn được viết dưới dạng các arrow functions hay "hàm mũi tên". chúng ta sẽ tìm hiểu về chúng trong các bài viết sau 😄😄😄. |
