Hàm (function) trong JavaScript

Các hàm (Function) là một trong những nền tảng cơ bản trong Javascript. Vậy bạn đã nắm hết những kiến thức về Function trong Javascript chưa? Cùng eLib.VN tìm hiểu về Hàm (function) trong JavaScript qua bài viết dưới đây.

Hàm (function) trong JavaScript

1. Hàm (function) trong JavaScript là gì?

  • Hàm trong JavaScript là một chương trình con được thiết kế để thực hiện một công việc cụ thể.
  • Hàm trong JavaScript được thực thi khi chúng được gọi từ một hàm khác, từ một sự kiện hoặc gọi từ chính nó.
  • Hàm trong JavaScript luôn trả về một giá trị, nếu không định nghĩa giá trị cụ thể, hàm sẽ trả về undefined.
  • Hàm trong JavaScript có thể có 0 hoặc nhiều tham số.

2. Cú pháp của hàm (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).

Các lệnh được thực hiện bởi hàm được đặt bên trong dấu ngoặc nhọn: {}

function name(tham_so_1, tham_so_2, tham_so_3) {
    // các lệnh
}

Các tham số được liệt kê bên trong dấu ngoặc đơn () trong định nghĩa hàm.

Đối số hàm là các giá trị nhận được bởi hàm khi nó được gọi.

Bên trong hàm, các đối số (các tham số) hoạt động như các biến cục bộ (local).

3. Ví dụ về hàm JavaScript

<html>
<head>
<script type="text/javascript">
    function showMessage() {
        alert("Hello JavaScritp! this is a message.");
    }
</script>
</head>
<body>
  <input type="button" onclick="showMessage()" value="Show Message" />
</body>
</html>

4. Return - trả về giá trị cho hàm

Khi JavaScript chạy đến câu lệnh return, hàm sẽ ngừng thực thi và trả về giá trị sau lệnh "return".

Ví dụ: Tính tích của 2 số và trả về kết quả.

var x = myFunction(4, 3);

function myFunction(a, b) {
    return a * b;
}

Kết quả:

12

Tại sao nên sử dụng hàm trong JavaScript

Bạn có thể sử dụng lại mã nguồn: Viết mã một lần và sử dụng nó nhiều lần.

Bạn có thể sử dụng cùng một mã nhiều lần với các đối số khác nhau, để tạo ra các kết quả khác nhau.

Ví dụ: Chuyển đổi Fahrenheit (độ F) thành Celsius (độ C):

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(60);

5. Hàm được sử dụng làm giá trị biến

Các hàm có thể được sử dụng giống như cách bạn sử dụng các biến, trong tất cả các công thức, tác vụ.

Ví dụ: Thay vì sử dụng một biến để lưu trữ giá trị trả về của một hàm:

var x = toCelsius(60);
var text = "The temperature is " + x + " Celsius";

Bạn có thể sử dụng hàm trực tiếp, dưới dạng giá trị biến:

var text = "The temperature is " + toCelsius(60) + " Celsius";

Trên đây là bài viết của eLib.VN về Hàm (function) trong JavaScript. Như vậy trong bài viết này, chúng ta đã cùng nhau tìm hiểu những vấn đề cơ bản về Function trong Javascript. Hy vọng bài viết hữu ích cho các bạn đang có nhu cầu tìm hiểu về Function trong C#. Chúc các bạn thành công!

Ngày:03/11/2020 Chia sẻ bởi:Chương

CÓ THỂ BẠN QUAN TÂM