Tổng Quan Về Function Trong Javascript

1. Cách định nghĩa hàm JavaScript

1. Cách định nghĩa hàm JavaScript

- Một hàm JavaScript có thể được định nghĩa bằng cách sử dụng từ khóa function.

- Bạn có thể sử dụng khai báo hàm ( ) hoặc biểu thức hàm ( ).

// Định nghĩa hàm   functionName(parameters) { // các lệnh thực thi } // Gọi hàm functionName();

function myFunction(a, b) {      return a * b;  }    myFunction(4, 3);	// return 12

- Dấu chấm phẩy được sử dụng để phân tách các câu lệnh JavaScript có thể thực thi.
- Vì một không phải là một câu lệnh thực thi được, nên không cần kết thúc nó bằng một dấu chấm phẩy.

1.2. Sử dụng biểu thức hàm (function expression)

- Một hàm JavaScript cũng có thể được định nghĩa bằng cách sử dụng một biểu thức ( ).

- có thể được lưu trữ trong một biến:

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

- Các hàm được lưu trong các biến không cần tên hàm. Chúng luôn được invoked (called) bằng cách sử dụng tên biến.

Hàm trên là một phần câu lệnh thực thi được, vì vậy nó kết thúc bằng dấu chấm phẩy.

2. Anonymous Function Hàm ẩn danh, hàm không tên

2. Anonymous Function Hàm ẩn danh, hàm không tên

- Các hàm ở ví dụ 2 và 3 thực chất là các hàm ẩn danh ( - hàm không có tên).

- JavaScript cho phép chúng ta định nghĩa một hàm mà . Hàm chưa được đặt tên này được gọi là hàm ẩn danh - . Hàm ẩn danh phải được gán cho một biến.

Anonymous Function rất hữu ích khi passing callback function, creating closure hoặc function expression được gọi ngay lập tức.

3. Nested Function Hàm có thể lồng vào nhau

3. Nested Function Hàm có thể lồng vào nhau

- Trong JavaScript, một hàm có thể có một hoặc nhiều hàm bên trong ( ).

- Các hàm lồng nhau ( ) này nằm trong phạm vi của hàm bên ngoài ( ).

- có thể truy cập các biến (variables) và tham số (parameters) của . Tuy nhiên, không thể truy cập các biến được định nghĩa bên trong các .

4. Return Value Giá trị trả về của hàm JavaScript

4. Return Value Giá trị trả về của hàm JavaScript

- Một hàm có thể trả về zero (0) hoặc một giá trị bằng cách sử dụng từ khóa return.

- Trong ví dụ trên, hàm thực hiện cộng 2 giá trị và và return kết quả. Vì vậy, khi gọi có thể nhận được giá trị trả về là 30. Nhưng ở hàm thứ hai không trả về bất kỳ giá trị nào, do đó kết quả nhận được sẽ là .

5. Hàm dựng, hàm tạo Function() Constructor

5. Hàm dựng, hàm tạo Function() Constructor

- Như chúng ta đã thấy trong các ví dụ trên, các hàm JavaScript được định nghĩa với từ khóa function.

- Các hàm cũng có thể được định nghĩa bằng được xây dựng sẵn (built-in) trong JavaScript là .

- Trong thực tế, bạn function constructor. Ví dụ trên giống với cách viết sau:

Trong hầu hết các trường hợp, tránh sử dụng từ khóa new trong JavaScript.

- Ở bài viết Khái niệm Hoisting trong JavaScript, chúng ta đã biết được là: là hành vi mặc định của JavaScript để .

- Hoisting áp dụng cho cả các khai báo biến và khai báo hàm.

- Do đó, các hàm JavaScript có thể được gọi trước khi chúng được khai báo:

myFunction(5);    function myFunction(y) {      return y * y;  }

7. Cách một hàm tự gọi chính nó

7. Cách một hàm tự gọi chính nó

- Biểu thức hàm ( ) có thể tự gọi chính nó ( ) một cách tự động mà không cần lời gọi hàm.

- Các function expressions sẽ thực thi tự động nếu biểu thức được theo sau bởi .

- Khai báo hàm ( ) không thể tự gọi chính nó.

- Bạn cần thêm dấu ngoặc đơn quanh hàm để biểu thị rằng đó là một biểu thức hàm (function expression):

- Hàm trên thực sự là một hàm tự gọi ẩn danh ( - hàm mà không có tên).

8. Function có thể được sử dụng làm giá trị

8. Function có thể được sử dụng làm giá trị

- Các hàm JavaScript có thể được sử dụng làm giá trị cho một biến:

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

- Các hàm JavaScript cũng có thể được sử dụng trong các biểu thức (expressions):

function myFunction(a, b) {      return a * b;  }    var x = myFunction(4, 3) * 2;	// 24

9. Function là một Object

9. Function là một Object

- Khi lấy type của hàm JavaScript bằng toán tử typeof sẽ trả về kết quả là .

- Tuy nhiên, các hàm JavaScript có thể được thể hiện như là các đối tượng. Các hàm JavaScript có cả thuộc tính ( ) và phương thức ( ).

- Thuộc tính trả về số đối số nhận được khi hàm được gọi:

- Phương thức trả về hàm dưới dạng một chuỗi.

- Một function được định nghĩa như một property của đối tượng, thì nó được gọi là method của object.
- Một function được thiết kế để tạo mới một đối tượng, thì nó được gọi là object constructor.