1.Lời mời hàm JavaScript

• Mã bên trong JavaScript functionsẽ thực thi khi “cái gì đó” gọi nó.

Gọi một hàm JavaScript

• Mã bên trong một hàm không được thực thi khi hàm được xác định.
• Mã bên trong một hàm được thực thi khi hàm được gọi.
• Người ta thường sử dụng thuật ngữ “gọi một hàm ” thay vì “gọi một hàm “.
• Người ta cũng thường nói “gọi một hàm”, “bắt đầu một hàm” hoặc “thực thi một hàm”.
• Trong hướng dẫn này, chúng tôi sẽ sử dụng lệnh gọi, vì một hàm JavaScript có thể được gọi mà không được gọi.

Gọi một hàm dưới dạng một hàm

• Hàm trên không thuộc đối tượng nào. Nhưng trong JavaScript luôn có một đối tượng toàn cục mặc định.
• Trong HTML, đối tượng toàn cục mặc định là chính trang HTML, vì vậy chức năng trên “thuộc về” trang HTML.
• Trong trình duyệt, đối tượng trang là cửa sổ trình duyệt. Hàm trên tự động trở thành hàm cửa sổ.
• Đây là một cách phổ biến để gọi một hàm JavaScript, nhưng không phải là một cách thực hành tốt. Các biến, phương thức hoặc hàm toàn cục có thể dễ dàng tạo ra xung đột tên và lỗi trong đối tượng toàn cục.
• myFunction () và window.myFunction () là cùng một chức năng

Đối tượng toàn cầu

• Khi một hàm được gọi mà không có đối tượng chủ sở hữu, giá trị của this sẽ trở thành đối tượng toàn cục.
• Trong trình duyệt web, đối tượng chung là cửa sổ trình duyệt.
• Ví dụ này trả về đối tượng window dưới dạng giá trị của this:

• Gọi một hàm dưới dạng một hàm toàn cục, làm cho giá trị của hàm this là đối tượng toàn cục. Việc sử dụng đối tượng window như một biến có thể dễ dàng làm hỏng chương trình của bạn.

Gọi một hàm dưới dạng một phương thức

• Trong JavaScript, bạn có thể định nghĩa các hàm dưới dạng các phương thức đối tượng.
• Ví dụ sau tạo một đối tượng (myObject), với hai thuộc tính (firstName và lastName) và một phương thức (fullName):

• Phương thức fullName là một hàm. Chức năng thuộc về đối tượng. myObject là chủ sở hữu của hàm.
• Thứ được gọi thislà đối tượng “sở hữu” mã JavaScript. Trong trường hợp này, giá trị của this là myObject .
• Kiểm tra nó! Thay đổi phương thức fullName để trả về giá trị của this:

Gọi một hàm với một hàm tạo hàm

• Nếu một lời gọi hàm đứng trước từ khóa new, nó là một lời gọi hàm tạo.
• Có vẻ như bạn tạo một hàm mới, nhưng vì các hàm JavaScript là các đối tượng nên bạn thực sự tạo một đối tượng mới:

• Một lệnh gọi phương thức khởi tạo sẽ tạo ra một đối tượng mới. Đối tượng mới kế thừa các thuộc tính và phương thức từ phương thức khởi tạo của nó.
• Từ khóa this trong hàm tạo không có giá trị. Giá trị của thiswill là đối tượng mới được tạo khi hàm được gọi.

2.Lệnh gọi hàm JavaScript ()

• Sử dụng lại phương pháp với phương thức call(), bạn có thể viết một phương thức có thể được sử dụng trên các đối tượng khác nhau.

Tất cả các hàm là các phương thức

• Trong JavaScript tất cả các hàm đều là phương thức đối tượng.
• Nếu một hàm không phải là một phương thức của một đối tượng JavaScript, nó là một hàm của đối tượng toàn cục
• Ví dụ dưới đây tạo một đối tượng với 3 thuộc tính là firstName, lastName, fullName.

Trong ví dụ trên, thisđề cập đến đối tượng người. this.firstName có nghĩa là thuộc tính firstName của this. Giống như: this.firstName có nghĩa là thuộc tính FirstName của person.

Phương thức gọi JavaScript ()

• Phương pháp call() này là một phương pháp JavaScript được xác định trước.
• Nó có thể được sử dụng để gọi (gọi) một phương thức có đối tượng chủ sở hữu làm đối số (tham số).
• Với call(), một đối tượng có thể sử dụng một phương thức thuộc về một đối tượng khác.

Ví dụ này gọi phương thức fullName của người, sử dụng nó trên person1 

Phương thức call () với các đối số

• Phương thức call() có thể chấp nhận các đối số:

3.Áp dụng hàm JavaScript ()

• Sử dụng lại phương pháp với phương thức apply(), bạn có thể viết một phương thức có thể được sử dụng trên các đối tượng khác nhau.

Phương thức JavaScript apply ()

• Cách apply() tương tự như phương pháp call().
• Trong ví dụ này, phương thức fullName của người được áp dụng trên person1:

19/10/2022 Blog Tin Học