Bất cứ khi nào chúng tôi cần mã trong chức năng để thực thi, chúng tôi thực hiện cuộc gọi và một số hành động nhất định được thực hiện. Trong JavaScript có bốn cách để bạn có thể gọi một hàm và thực hiện hành động. Trong bài viết này, chúng ta sẽ thảo luận về cách gọi một hàm trong JavaScript và nhiều cách gọi hàm khác nhau cùng với các ví dụ minh họa rõ hơn
Gọi một hàm trong JavaScript
Trong JavaScript bất cứ khi nào chúng ta gọi một hàm, bất kể nó được gọi như thế nào, hai đối số “this” và các tham số đối số được truyền cho hàm đó là ngầm định. “this” đại diện cho điều kiện hoặc ngữ cảnh sẽ cho phép hàm thực thi trong khi tham số đối số bao gồm tất cả các đối số đang được truyền cho hàm. Sau đây là bốn cách gọi các hàm trong JavaScript cùng với các ví dụ để bạn hiểu rõ hơn
Gọi một Hàm là “Hàm”
Cách phổ biến và được sử dụng nhiều nhất để gọi bất kỳ hàm nào trong bất kỳ ngôn ngữ lập trình nào là gọi nó như chính hàm đó. Điều này có thể được thực hiện khi bạn đặt một số dòng mã và thực thi các dòng đó bất cứ khi nào một nút được bấm thì chức năng đó được gọi là “hàm”
Trong ví dụ được đề cập dưới đây khi nhấp vào nút, chức năng được gọi trực tiếp và hành động được thực hiện
Nhấp vào nút để nói Xin chào .
Say Hello!!
function GreetingFunc[] {
document.getElementById["div"].innerHTML = "Xin chào?"
}
đầu ra
Gọi một hàm là một phương thức
Một cách khác để gọi một hàm là một phương thức và trong trường hợp này, hàm được định nghĩa là thuộc tính trên một đối tượng được thực hiện bằng cách gói hàm bên trong một đối tượng
Trong ví dụ được cung cấp bên dưới, hàm “GreetingFunc[]” được bao bọc bên trong đối tượng “xin chào” và chúng tôi đã sử dụng phương thức cú pháp dấu chấm đối tượng để gọi hàm bất cứ khi nào nhấp vào nút
Nhấp vào nút để greetings
Đây để lời chào ?
hello = {
GreetingFunc : chức năng[] {
tài liệu. getElementById["div"].innerHTML = "Xin chào mọi người"
}
}
đầu ra
Gọi một hàm là Constructor
Constructor được sử dụng để khởi tạo một trạng thái và thiết lập nó trong một đối tượng hoặc xây dựng một đối tượng. Gọi một hàm như một hàm tạo là một cách đặc biệt để chúng ta gửi một số đầu vào và nhận một đầu ra khác nhau cho mỗi đầu vào
Trong ví dụ bên dưới, người dùng nhập tên của họ vào hộp nhập liệu và khi họ nhấp vào nút, hàm “GreetingFunc[]” được gọi và trong hàm đó, giá trị của hộp văn bản đầu vào được lấy thông qua id được gán cho trường văn bản đầu vào. Một thể hiện mới của đối tượng hello được tạo bằng cách gọi hàm hello[]
Click the button for greetings
Here for greetings?
function hello[name] {
this.tên = tên ;
< . }
function GreetingFunc[] {
var name = document.getElementById['name'].giá trị;
var xin chào < . = new hello[name];
document.getElementById["div"].innerHTML = "Xin chào" + greet.tên
}
Từ khóa “mới” cho thấy hàm đang được gọi như một hàm tạo và giá trị đang được lưu trong biến lời chào mà sau này được sử dụng để in ra tên trên màn hình
đầu ra
Gọi một hàm thông qua call[] và apply[]
Trong khi làm việc với các hàm JavaScript, bạn phải lưu ý rằng các hàm có thể có các thuộc tính và phương thức riêng và call[] và apply[] là hai trong số các phương thức đó. Cả hai phương thức này đều cho phép người dùng thiết lập nội dung mà họ muốn thực thi chức năng thông qua giá trị “this”
Trong ví dụ bên dưới, thông tin của hai người được lưu trữ và được hiển thị khi giá trị được truyền bên trong phương thức call[]. Ở đây phương thức fullName được gọi để hiển thị tên FirstPerson
< . p>
const personFunc = {
fullName: chức năng[] {
< . return this.tên + " " + . .Họ;
}
}< .
const firstPerson = {
firstName:"Tối đa",
Họ . "Andrew"
}
const . = {
firstName:"Sam",
Họ . "Andrew"
}
tài liệu. getElementById["div"].innerHTML = personFunc. Họ Tên . gọi[ Người thứ nhất ];
đầu ra
Phương thức apply[] được sử dụng tương tự để gọi một hàm nhưng nó chấp nhận một mảng trong khi phương thức call[] chấp nhận một danh sách các giá trị
const num = [2, 6, 11, 33, 4];
const max = Math.tối đa . áp dụng[null, num . ];
console.nhật ký[ tối đa ]; .
const min = Math.phút . áp dụng[null, num . ];
console.nhật ký[ phút ];
đầu ra
Sự kết luận
Các chức năng bao gồm mã đang được sử dụng lại xuyên suốt với các đầu vào khác nhau. Trong JavaScript, các hàm có thể có các thuộc tính và phương thức riêng và có thể được gọi theo bốn cách khác nhau. Trong bài viết này, chúng ta đã thảo luận về cách gọi một hàm trong JavaScript và thảo luận về bốn cách cùng với ví dụ và mã. Tất cả bốn cách này đều hữu ích cho bất kỳ nhà phát triển nào và trong khi làm việc với các chức năng, bạn nên biết về tham chiếu từ khóa “this” và hoạt động của nó