Chức năng trong JavaScript với ví dụ là gì?

Hàm là một tập hợp các câu lệnh nhận đầu vào, thực hiện một số tính toán cụ thể và tạo đầu ra. Ý tưởng là đặt một số tác vụ thường được thực hiện hoặc lặp đi lặp lại với nhau và tạo một hàm để thay vì viết đi viết lại cùng một mã cho các đầu vào khác nhau, chúng ta có thể gọi hàm đó.  

Thí dụ. Một hàm javascript cơ bản, ở đây chúng ta tạo một hàm chia phần tử thứ nhất cho phần tử thứ hai

Javascript




function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
9
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
0
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
0

 

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
1

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
3
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
4

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
5
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
6
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
7

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
9

_______02____111____60

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
13

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
14

đầu ra

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
4

JavaScript hỗ trợ các chức năng. Chắc hẳn các bạn đã thấy một số hàm thường dùng trong JavaScript như alert(), đây là một hàm có sẵn trong JavaScript. Nhưng JavaScript cũng cho phép chúng ta tạo các hàm do người dùng định nghĩa. Chúng ta có thể tạo các hàm trong JavaScript bằng cách sử dụng từ khóa function.  

cú pháp. Cú pháp cơ bản để tạo một hàm trong JavaScript được hiển thị bên dưới

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}

Để tạo một hàm trong JavaScript, trước tiên chúng ta phải sử dụng từ khóa function, được phân tách bằng tên của hàm và các tham số trong ngoặc đơn. Phần của hàm bên trong dấu ngoặc nhọn {} là phần thân của hàm

Trong javascript, các hàm có thể được sử dụng giống như các biến để gán hoặc tính toán

Định nghĩa hàm

Trước đây, khi sử dụng hàm do người dùng định nghĩa trong JavaScript, chúng ta phải tạo một hàm. Chúng ta có thể sử dụng cú pháp trên để tạo một hàm trong JavaScript. Định nghĩa hàm đôi khi còn được gọi là khai báo hàm hoặc câu lệnh hàm. Dưới đây là các quy tắc để tạo một hàm trong JavaScript

  • Mọi chức năng nên bắt đầu bằng chức năng từ khóa theo sau,
  • Tên hàm do người dùng định nghĩa phải là duy nhất,
  • Danh sách các tham số được đặt trong ngoặc đơn và được phân tách bằng dấu phẩy,
  • Một danh sách các câu lệnh cấu thành phần thân của hàm được đặt trong dấu ngoặc nhọn {}

Thí dụ.  

JavaScript




function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
3
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
16

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
17

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
6
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
10

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
9

Trong ví dụ trên, chúng ta đã tạo một hàm có tên là calcAddition,

  • Hàm này chấp nhận hai số làm tham số và trả về phép cộng của hai số này
  • Truy cập hàm chỉ với tên hàm mà không có () sẽ trả về đối tượng hàm thay vì kết quả hàm

Có ba cách để viết một hàm trong JavaScript

Khai báo hàm. Nó khai báo một hàm với từ khóa function. Khai báo hàm phải có tên hàm

cú pháp

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
1

Biểu thức hàm. Nó tương tự như khai báo hàm không có tên hàm. Các biểu thức hàm có thể được lưu trữ trong một phép gán biến.  

cú pháp

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
1

Chức năng mũi tên. Đây là một trong những phương pháp hiệu quả và được sử dụng nhiều nhất để tạo một hàm trong JavaScript vì cách thực hiện tương đối dễ dàng của nó. Nó là một phiên bản đơn giản hóa cũng như nhỏ gọn hơn của một biểu thức hoặc cú pháp hàm thông thường hoặc bình thường

cú pháp

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
5

Thông số chức năng

Từ trước đến nay chúng ta nghe nhiều về tham số của hàm nhưng chưa bàn chi tiết về chúng. Tham số là thông tin bổ sung được truyền cho hàm. Chẳng hạn như ở ví dụ trên, nhiệm vụ của hàm calcAddition là tính phép cộng hai số. Hai số mà chúng tôi muốn thực hiện thao tác cộng được chuyển đến hàm này dưới dạng tham số. Các tham số được truyền cho hàm trong dấu ngoặc đơn sau tên hàm và được phân tách bằng dấu phẩy. Một hàm trong JavaScript có thể có bất kỳ số lượng tham số nào và đồng thời một hàm trong JavaScript không thể có một tham số nào.  

Chức năng gọi. Sau khi xác định hàm, bước tiếp theo là gọi chúng để sử dụng hàm. Chúng ta có thể gọi một hàm bằng cách sử dụng tên hàm được phân tách bằng giá trị của các tham số được đặt giữa dấu ngoặc đơn và dấu chấm phẩy ở cuối. Cú pháp dưới đây cho thấy cách gọi các hàm trong JavaScript

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
6

Dưới đây là chương trình mẫu minh họa hoạt động của các hàm trong JavaScript.  

JavaScript




function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
12
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
13
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
14

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2____216

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
3
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
19

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
50
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
51
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
52
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
53
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
54
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
55

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
9

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2____260

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2____262
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
63
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
64
function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
65

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
2____268

_______02____550

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
14

đầu ra

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
5

Tuyên bố trả lại. Có một số trường hợp chúng ta muốn trả về một số giá trị từ một hàm sau khi thực hiện một số thao tác. Trong những trường hợp như vậy, chúng ta có thể sử dụng câu lệnh return trong JavaScript. Đây là câu lệnh tùy chọn và thường là câu lệnh cuối cùng trong hàm JavaScript. Hãy xem ví dụ đầu tiên của chúng tôi với hàm có tên là calcAddition. Hàm này đang tính toán hai số và sau đó trả về kết quả.  

cú pháp. Cú pháp cơ bản nhất để sử dụng câu lệnh return là

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}
8

Câu lệnh return bắt đầu bằng từ khóa return được phân tách bằng giá trị mà chúng ta muốn trả về từ nó. Chúng ta cũng có thể sử dụng một biểu thức thay vì trực tiếp trả về giá trị

Hàm trong JavaScript là gì?

Một hàm trong JavaScript tương tự như một thủ tục— một tập hợp các câu lệnh thực hiện một tác vụ hoặc tính toán một giá trị , nhưng đối với một thủ tục .

Các loại chức năng trong JavaScript là gì?

Có 3 cách viết hàm trong JavaScript. Khai báo hàm . Biểu thức hàm . Hàm mũi tên .

Tất cả các chức năng trong JavaScript là gì?

JavaScript. đối tượng toán học
Phương thức toán học ngẫu nhiên () trong JavaScript
Phương thức abs() toán học JavaScript
Toán JavaScript. hàm trần ( )
Phương thức sàn toán học JavaScript ()
Phương thức Nhật ký toán học JavaScript ()
Phương thức tối đa toán học JavaScript ()
Phương thức tối thiểu toán học JavaScript

đối tượng chức năng trong JavaScript với ví dụ là gì?

Các giá trị có thể được truyền vào một hàm và hàm sẽ trả về một giá trị. Trong JavaScript, các hàm là đối tượng hạng nhất, bởi vì chúng có thể có các thuộc tính và phương thức giống như bất kỳ đối tượng nào khác . Điều phân biệt chúng với các đối tượng khác là các hàm có thể được gọi. Tóm lại, chúng là các đối tượng Chức năng.