[#JS07] Javascript – Function trong Javascript
Bài học hôm nay sẽ giới thiệu tới bạn đọc về khái niệm “Hàm (Function)” – Bài học thứ 7 về Hàm trong series học Javascript. Đây là series về Web Front End Cơ Bản của Trung Tâm Đào Tạo Lập Trình Viên JANETO.
Ở các bài học trước, chúng ta đã được học về các khái niệm cơ bản trong Javascript. Những kiến thức đó được lập trình riêng lẻ và có một vấn đề đặt ra: Nếu trong 1000 bài toán hay 1000 chương trình khác nhau chúng ta đều bắt gặp chung một vấn đề thì chúng ta phải code lại đoạn code đó 1000 lần. Điều này rất là tốn thời gian, vậy thì làm sao để giải quyết vấn đề này?
Hàm – nó sẽ gom code vào một khối xử lý, giúp chúng ta sử dụng lại nhiều lần. Bất cứ khi nào chúng ta cần đến nó thì gọi hàm đó ra và sử dụng nó.
Bài toán đặt ra: Viết chương trình kiểm tra số chẵn, số lẻ
Ví dụ đơn giản, kiểm tra một số tự nhiên là số chẵn hay số lẻ:
|
1 2 3 4 5 6 |
var so = 5; if (so%2 == 0) { console.log("so chan); } else { console.log("so le); } |
Vậy bây giờ nếu muốn kiểm tra 1000 số khác là số chẵn hay số lẻ thì phải viết đoạn code này 1000 lần. Nhận thấy, vấn đề này rất mất thời gian, không những thế nếu code sai thì chúng ta phải đi sửa ở 1000 chỗ. Thay vào đó, chúng ta tìm được biện pháp giải quyết là sử dụng hàm – gom tất cả code này vào một hàm.
Cú pháp:
|
1 2 3 |
function name_of_function(var1, var2, var3,...){ // Some code } |
- Khai báo từ khóa function
- name_of_function: tên cho hàm
- var1, var2, var3: các tham số truyền vào
|
1 2 3 4 5 6 7 |
function kiemtrasochanle (so){ if (so%2 == 0) { console.log("so chan"); } else { console.log("so le"); } } |
Sau khi đã khai báo hàm, chúng ta sử dụng nó như sau:
|
1 2 3 4 5 6 7 8 9 10 11 |
function kiemtrasochanle (so){ if (so%2 == 0) { console.log("so chan"); } else { console.log("so le"); } } kiemtrasochanle(4); kiemtrasochanle(5); kiemtrasochanle(789) |
Như vậy, chúng ta đã có thể kiểm tra số chẵn lẻ của 1000 số khác nhau bằng hàm trên.
Có một khái niệm nữa trong bài học hôm nay: hàm có return và hàm không return. Vậy tại sao lại có 2 khái niệm này, chúng là gì?
- Hàm có return là hàm có sử dụng từ khóa return với mục đích trả kết quả về để sử dụng tiếp ở những đoạn code bên ngoài.
- Hàm không return là hàm không sử dụng return trong hàm.
|
1 2 3 4 5 6 7 8 9 10 |
// Ví dụ hàm tính tổng 2 số a,b // Hàm có return function tong(a, b){ return a+b; } // Hàm không return function tong(a,b){ console.log(a+b); } |
Như vậy, tùy vào mục đích mà ta dùng có return hay không có return.
Các bạn cùng xem video bên dưới để hiểu rõ hơn và thực hành luôn tại nhà nhé!
Cảm ơn các bạn đã theo dõi video bài học thứ 7 về Hàm (Function) trong Javascript.
Hy vọng qua bài học này, các bạn sẽ hiểu được thế nào là hàm, ý nghĩa khi sử dụng hàm trong javascript. Nếu có bất kỳ câu hỏi nào trong quá trình học, hãy comment vào bên dưới bài viết, mình sẽ giải đáp thắc mắc của các bạn trong thời gian sớm nhất có thể. Hẹn gặp lại các bạn ở bài học tiếp theo trong series học Javascript.
Phần trước: [#JS06] Javascript – Vòng lặp FOR và WHILE
Chúng tôi luôn mong muốn mang lại những kiến thức bổ ích cho các bạn yêu thích lập trình. Các bạn hãy đón xem và ủng hộ bằng cách LIKE hoặc SHARE Fanpage của chúng tôi để có thể cập nhật thông tin mới nhất từ chúng tôi. Và đừng quên chia sẻ bài học này tới bạn bè của mình để cùng nhau chinh phục Javascript bạn nhé!
Lê Tuấn Anh – Developer @ JANETO
TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN JANETO
0933067997 – 0933267337
facebook.com/laptrinhvienio
YouTube/laptrinhvienio
tuyensinh@laptrinhvien.io
Địa chỉ: Tầng 2, tòa nhà The Morning Star – 57 Quốc Lộ 13, Phường 26, Quận Bình Thạnh, Tp. Hồ Chí Minh.
0
Bình luận
