Các chức năng nên đi đâu trong JavaScript?

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

Nội dung chính Show

Các chức năng nên được đặt ở đâu trong JavaScript?
Các chức năng nên được khai báo ở đâu?
Cách tốt nhất để viết hàm trong JavaScript là gì?
Các hàm JavaScript được thực thi theo thứ tự nào?

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

<p id="demo"

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

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

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

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

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

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

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

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

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

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

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

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

1"demo"

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

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

đầu ra

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 {}

Thí 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
}

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

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

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

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

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

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

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, ..);

Thí 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_______21_______3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

functionName( Value1, Value2, ..);

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

functionName( Value1, Value2, ..);

functionName( Value1, Value2, ..);

functionName( Value1, Value2, ..);

4_______26_______5

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

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

functionName( Value1, Value2, ..);

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

Hello Admin welcome to GeeksforGeeks

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

đầ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. tẩu thoát()
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

Các chức năng nên được đặt ở đâu trong JavaScript?

Một hàm chứa một số mã sẽ được thực thi bởi một sự kiện hoặc một lời gọi hàm đó. Hàm là một tập hợp các câu lệnh. Bạn có thể sử dụng lại các chức năng trong cùng một tập lệnh hoặc trong các tài liệu khác. Bạn xác định các chức năng ở đầu tệp (trong phần đầu) và gọi chúng sau này trong tài liệu.

Các chức năng nên được khai báo ở đâu?

Trong C và C++, hàm phải được khai báo trước khi sử dụng . Bạn có thể khai báo một hàm bằng cách cung cấp giá trị trả về, tên và kiểu cho các đối số của nó. Tên của các đối số là tùy chọn. Một định nghĩa hàm được tính là một khai báo hàm.