Câu lệnh function JavaScript

Định nghĩa và cách sử dụng

Câu lệnh function khai báo hàm.

Hàm được khai báo là “được lưu lại để sử dụng sau này” và sẽ được thực thi khi gọi sau này.

Trong JavaScript, hàm là đối tượng, chúng có cả thuộc tính và phương pháp.

Cũng có thể định nghĩa hàm bằng biểu thức (xem định nghĩa hàm).

Vui lòng đọc giáo trình JavaScript của chúng tôi để biết tất cả những gì bạn cần học về hàm. Bắt đầu từ các phần về hàm JavaScript và phạm vi JavaScript. Để biết thêm thông tin chi tiết, hãy đọc các bài học của chúng tôi về định nghĩa hàm, tham số, gọi và closures.

Lưu ý：Vui lòng sử dụng lệnh return để trả về giá trị từ hàm.

Mô hình

Tạo một hàm và xuất "Hello World" trong phần tử có id="demo" khi gọi hàm.

function myFunction() { // Tạo hàm
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Gọi hàm

Thử ngay

Dưới trang web có nhiều ví dụ TIY khác.

Ngữ pháp

function functionName(parameters) {
  mã cần thực hiện
}

Giá trị tham số

Tham số Mô tả
functionName Bắt buộc. Định nghĩa tên hàm, có thể “lưu lại để sử dụng sau này”. Tên hàm có thể chứa chữ cái, số, dấu gạch dưới và dấu đô la (cùng quy tắc với biến).
parameters

Tùy chọn. Định nghĩa một nhóm tên tham số từ 0 đến nhiều, phân cách bằng dấu phẩy.

Tham số hàm là tên được liệt kê trong định nghĩa hàm.

Tham số hàm là giá trị thực tế mà hàm nhận được khi gọi. Trong hàm, tham số được sử dụng như biến cục bộ.

Ghi chú：Nếu thiếu tham số khi gọi hàm, giá trị của tham số thiếu sẽ được đặt là undefined.

Chi tiết kỹ thuật

Phiên bản JavaScript: ECMAScript 1

Các ví dụ khác

Mô hình

Trả về giá trị của PI:

function myFunction() {
  return Math.PI;
}

Thử ngay

Mô hình

Trả về tích của a và b:

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

Thử ngay

Mô hình

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

Chuyển đổi từ độ Fahrenheit sang độ C:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

Thử ngay

Mô hình

Hàm có thể được sử dụng như một biến.

thay vì:

temp = toCelsius(32);
text = "Nhiệt độ là " + temp + " Độ C";
Bạn có thể sử dụng:
text = "Nhiệt độ là " + toCelsius(32) + " Độ C";

Thử ngay

Mô hình

Hàm JavaScript có một đối tượng built-in gọi là arguments.

Thuộc tính arguments.length trả về số lượng tham số nhận được khi gọi hàm:

function myFunction(a, b) {
  return arguments.length;
}

Thử ngay

Mô hình

Nhấn nút để gọi hàm, hàm này sẽ hiển thị "Hello World" trong phần tử có id="demo":

<button onclick="myFunction()">Nhấn tôi</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Thử ngay

Mô hình

Hàm JavaScript cũng có thể được định nghĩa bằng biểu thức.

Biểu thức hàm có thể được lưu trữ trong biến:

var x = function (a, b) {return a * b};

Thử ngay

Mô hình

Sau khi lưu trữ biểu thức hàm trong biến, biến đó có thể được sử dụng như một hàm:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Thử ngay

Hỗ trợ trình duyệt

Câu Chrome IE Firefox Safari Opera
function Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Các trang liên quan

Hướng dẫn JavaScript:Hàm trong JavaScript

Hướng dẫn JavaScript:Phạm vi trong JavaScript

Hướng dẫn JavaScript:Định nghĩa hàm trong JavaScript

Hướng dẫn JavaScript:Tham số của hàm trong JavaScript

Hướng dẫn JavaScript:Gọi hàm trong JavaScript

Hướng dẫn JavaScript:Bóng câu của hàm JavaScript

Hướng dẫn tham khảo JavaScript:Câu lệnh return trong JavaScript