Hàm trong JavaScript là gì?

Hàm là một nhóm mã có thể tái sử dụng có thể được gọi ở bất kỳ đâu trong chương trình của bạn. Điều này giúp loại bỏ nhu cầu viết đi viết lại cùng một mã. Nó giúp các lập trình viên viết mã mô-đun. Các hàm cho phép lập trình viên chia một chương trình lớn thành một số hàm nhỏ và có thể quản lý được

Giống như bất kỳ ngôn ngữ lập trình nâng cao nào khác, JavaScript cũng hỗ trợ tất cả các tính năng cần thiết để viết mã mô-đun bằng các hàm. Chắc hẳn bạn đã thấy các hàm như alert() và write() trong các chương trước. Chúng tôi đã sử dụng đi sử dụng lại các chức năng này, nhưng chúng chỉ được viết bằng JavaScript lõi một lần

JavaScript cũng cho phép chúng ta viết các hàm của riêng mình. Phần này giải thích cách viết các hàm của riêng bạn trong JavaScript

Định nghĩa hàm

Trước khi sử dụng một hàm, chúng ta cần định nghĩa nó. Cách phổ biến nhất để xác định hàm trong JavaScript là sử dụng từ khóa hàm, theo sau là tên hàm duy nhất, danh sách tham số (có thể trống) và khối câu lệnh được bao quanh bởi dấu ngoặc nhọn

cú pháp

Cú pháp cơ bản được hiển thị ở đây

Ví dụ

Hãy thử ví dụ sau. Nó định nghĩa một hàm gọi là sayHello không có tham số nào -

Gọi một chức năng

Để gọi một hàm ở đâu đó sau này trong tập lệnh, bạn chỉ cần viết tên của hàm đó như được hiển thị trong đoạn mã sau

      
      
      
   
   
   
      

Click the following button to call the function

Use different text in write method and then try...

đầu ra

Thông số chức năng

Cho đến bây giờ, chúng ta đã thấy các chức năng không có tham số. Nhưng có một cơ sở để truyền các tham số khác nhau trong khi gọi một hàm. Các tham số đã truyền này có thể được ghi lại bên trong hàm và mọi thao tác có thể được thực hiện trên các tham số đó. Một hàm có thể nhận nhiều tham số được phân tách bằng dấu phẩy

Ví dụ

Hãy thử ví dụ sau. Chúng tôi đã sửa đổi chức năng sayHello của mình tại đây. Bây giờ phải mất hai tham số

      
            
   
   
   
      

Click the following button to call the function

Use different parameters inside the function and then try...

đầu ra

Tuyên bố trở lại

Hàm JavaScript có thể có câu lệnh trả về tùy chọn. Điều này là bắt buộc nếu bạn muốn trả về một giá trị từ một hàm. Câu lệnh này phải là câu lệnh cuối cùng trong một hàm

Ví dụ: bạn có thể chuyển hai số vào một hàm và sau đó bạn có thể mong đợi hàm trả về phép nhân của chúng trong chương trình gọi của bạn

Ví dụ

Hãy thử ví dụ sau. Nó định nghĩa một hàm nhận hai tham số và nối chúng trước khi trả về kết quả trong chương trình gọi

     
            
   
   
   
      

Click the following button to call the function

Use different parameters inside the function and then try...

đầu ra

Có rất nhiều điều để tìm hiểu về các hàm JavaScript, tuy nhiên chúng tôi đã đề cập đến các khái niệm quan trọng nhất trong hướng dẫn này

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 đó.  

Ví 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




"demo"

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

 

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

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

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

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

function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}
2_______16_______1"demo"
function geeksforGeeks(paramA, paramB) {
    // Set of statements
}
3

function geeksforGeeks(paramA, paramB) {
    // Set of statements
}
4

đầu ra

4

JavaScript hỗ trợ các chức năng. Chắc hẳn bạn đã thấy một số hàm thường được sử dụng trong JavaScript như alert(), đây là một hàm tích hợp 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 {}

Ví dụ. Ví dụ này hiển thị một khai báo cơ bản của một hàm trong javascript

JavaScript




function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}
3
function geeksforGeeks(paramA, paramB) {
    // Set of statements
}
6

function geeksforGeeks(paramA, paramB) {
    // Set of statements
}
7

function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}
2_______5_______6
var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}
0

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 geeksforGeeks(paramA, paramB) {
    // Set of statements
}

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

var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}

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

let function_name = (argument1, argument2 ,..) => expression

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

cú pháp

functionName( Value1, Value2, ..);

Ví dụ. 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




var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}
2_______26_______3
var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}
4

function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}
2
var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}
6

function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}
2_______5_______3
var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}
9

let function_name = (argument1, argument2 ,..) => expression
0_______30_______1
let function_name = (argument1, argument2 ,..) => expression
2
let function_name = (argument1, argument2 ,..) => expression
3_______30_______4
let function_name = (argument1, argument2 ,..) => expression
5

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

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

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

function functionName(Parameter1, Parameter2, ...)
{
    // Function body
}
2_______31_______2
functionName( Value1, Value2, ..);
3
functionName( Value1, Value2, ..);
4_______31_______5

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

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

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

function geeksforGeeks(paramA, paramB) {
    // Set of statements
}
4

đầu ra

Hello Admin welcome to GeeksforGeeks

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à

return value;

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ị

Chức năng

  • Javascript. chức năng mũi tên
  • JavaScript. bỏ trốn()
  • JavaScript. không thoát()
  • JavaScript. Cửa sổ in()
  • Javascript. Phương pháp Window Blur() và Window Focus()
  • JavaScript. bảng điều khiển. nhật ký()
  • JavaScript. parseFloat()
  • JavaScript. bất bình đẳng()

  • JavaScript. parseInt()
  • JavaScript. cuộc thi đấu()
  • JavaScript. Ngày. phân tích cú pháp ()
  • JavaScript. Phương thức thay thế ()
  • JavaScript. Bản đồ. được( )
  • JavaScript. Bản đồ. mục( )
  • JavaScript. Bản đồ. thông thoáng( )
  • JavaScript. Bản đồ. xóa bỏ()
  • JavaScript. Bản đồ. có( )

Thêm>>

Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua

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

Trong Javascript, hàm cũng có thể được định nghĩa là biểu thức . Ví dụ: // chương trình tìm bình phương của một số // hàm được khai báo bên trong biến let x = function (num) { return num * num }; . log(x(4)); . nhật ký (y); .

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

Đối với mỗi loại chức năng, có ba cách để xác định nó. Khai báo . hàm, hàm*, hàm không đồng bộ, hàm không đồng bộ*

Các hàm được gọi trong JavaScript là gì?

Gọi một hàm trong JavaScript nghĩa là gì? . Điều này có nghĩa là chúng có thể được tạo và sử dụng giống như bất kỳ đối tượng nào khác trong ngôn ngữ. Các hàm có thể được truyền dưới dạng đối số cho các hàm khác, được gán cho các biến và thậm chí được trả về cho các hàm khác

Hàm và các loại hàm trong JavaScript LÀ GÌ?

Hàm là một khối mã được thiết kế để thực hiện một tác vụ và được thực thi khi nó được gọi hoặc gọi . Có 3 cách viết hàm trong JavaScript. Khai báo hàm. Biểu thức hàm. Chức năng mũi tên.