Hàm trong JavaScript



Một hàm là một nhóm code có thể tái sử dụng mà có thể được gọi bất cứ đâu trong chương trình của bạn. Điều này giúp bạn không cần thiết phải viết cùng một code lại nhiều lần. Nó giúp các nhà lập trình viết các modular code. Các hàm cho phép một nhà lập trình phân chia một chương trình lớn thành các hàm nhỏ và dễ quản lý.

Giống như bất kỳ ngôn ngữ chương trình cấp cao khác, JavaScript cũng hỗ trợ tất cả tính năng cần thiết để viết các code có tính modun bởi sử dụng các hàm. Bạn đã xem các hàm như alert()write() trong các chương trước. Chúng tôi đã sử dụng các hàm này nhiều lần, nhưng chúng mới chỉ được viết trong core JavaScript.

JavaScript cũng cho phép chúng ta viết các hàm cho riêng mình. Phần này giải thích cách viết các hàm riêng của bạn trong JavaScript.

Định nghĩa hàm

Trước khi chúng ta sử dụng một hàm, chúng ta cần định nghĩa nó. Phương thức phổ biến nhất để định nghĩa một hàm trong JavaScript là bởi sử dụng từ khóa Hàm, được theo bởi một tên hàm duy nhất, một danh sách các tham số (mà có thể là trống), và một khối lệnh được bao quanh bởi các dấu ngoặc ôm.

Cú pháp

Cú pháp đơn giản như sau:


Ví dụ

Bạn thử ví dụ sau. Nó định nghĩa một hàm gọi là sayHello mà không nhận tham số nào:


Gọi một hàm

Để gọi một hàm ở đâu đó sau khi trong script, bạn đơn giản sẽ cần viết tên của hàm đó như code sau:


   
   
      
      
   
   
      

Click the following button to call the function

Use different text in write method and then try...

Kết quả

Tham số của hàm

Tới chương này, chúng ta đã thấy các hàm mà không có tham số. Nhưng có một sự tiện lợi khi truyền các tham số khác nhau trong khi gọi một hàm. Những tham số được truyền này có thể được nắm bắt bên trong hàm đó và bất kỳ thao tác nào có thể được thực hiện trên các tham số đó. Một hàm có thể nhận nhiều tham số được phân biệt riêng rẽ bởi dấu phảy.

Ví dụ

Bạn thử ví dụ sau. Chúng tôi đã chỉnh sửa hàm sayHello ở đây. Bây giờ nó nhận hai tham số.


   
   
      
      
   
   
      

Click the following button to call the function

Use different parameters inside the function and then try...

Kết quả

Lệnh return

Một hàm JavaScript có thể có một lệnh return tùy ý. Lệnh này được yêu cầu nếu bạn muốn trả về một giá trị từ một hàm. Lệnh này nên là lệnh cuối của một hàm.

Ví dụ, bạn có thể truyền hai số trong một hàm và sau đó bạn có thể mong đợi hàm đó trả về kết quả phép nhân 2 số đó trong chương trình gọi hàm của bạn.

Ví dụ

Bạn thử ví dụ sau. Nó định nghĩa một hàm mà nhận hai tham số và nối chúng trước khi trả về kết quả trong chương trình gọi hàm.


   
      
      
      
   
   
   
      

Click the following button to call the function

Use different parameters inside the function and then try...

Kết quả

Có nhiều thứ để học về hàm trong JavaScript, tuy nhiên chúng tôi đã trình bày hầu hết các khái niệm quan trọng trong chương này.

Các bài học JavaScript khác tại VietJack: