Làm thế nào để bạn viết một chức năng trong javascript?

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

Khai báo hàm. Khai báo hàm là cách truyền thống để định nghĩa một hàm. Nó tương tự như cách chúng ta định nghĩa một hàm trong các ngôn ngữ lập trình khác. Chúng ta bắt đầu khai báo bằng từ khóa “hàm”. Sau đó, chúng tôi viết tên chức năng và các tham số

Ví dụ. Dưới đây là ví dụ minh họa việc sử dụng Khai báo hàm

Javascript

5

0

5

1

5

2

5

1

5

4

5

5

5

0

5

1

5

1

5

3

5

4

5

1

5

6

5

1

5

8

5

9

Sau khi xác định một chức năng, chúng tôi gọi nó bất cứ khi nào chức năng được yêu cầu

đầu ra

5

Biểu thức hàm. Biểu thức hàm là một cách khác để xác định hàm trong JavaScript. Ở đây chúng ta định nghĩa một hàm sử dụng một biến và lưu trữ giá trị trả về trong biến đó

Ví dụ. Dưới đây là một ví dụ minh họa việc sử dụng Biểu thức hàm

Javascript

5

0

5

1

5

2

5

1

5

4

5

4

5

6

5

0

5

8

_______41____130

5

4

5

1

5

33

5

1

5

8

5

9

Ở đây, toàn bộ hàm là một biểu thức và giá trị trả về được lưu trữ trong biến. Chúng ta sử dụng tên biến để gọi hàm

đầu ra

5

Hàm mũi tên. Các chức năng mũi tên được giới thiệu trong phiên bản ES6 của JavaScript. Nó được sử dụng để rút ngắn mã. Ở đây chúng tôi không sử dụng từ khóa “chức năng” mà sử dụng ký hiệu mũi tên

Ví dụ. Dưới đây là ví dụ minh họa việc sử dụng Arrow Function

Javascript

5

0

5

1____139

_______41____401

5

4

_______41____404

5

9

Điều này rút ngắn mã thành một dòng so với các phương pháp khác. Trong một dòng mã, hàm trả về hoàn toàn

đầu ra

5

Ghi chú. Khi cần bao gồm nhiều dòng mã, chúng tôi sử dụng dấu ngoặc. Ngoài ra, khi có nhiều dòng mã trong ngoặc, chúng ta nên viết rõ ràng return để trả về giá trị từ hàm

Ví dụ. Đây là một ví dụ với nhiều dòng mã trong chức năng mũi tên

Javascript

5

0

_______41____408

_______41____410

5

0

5

12

5

13

5

14

5

15

5

16

5

17

5

0

5

19

5

14

5

15

5

22

5

17

5

1

5

3

5

4

_______41____428

5

9

đầu ra

5

3

Vui lòng xem qua Sự khác biệt giữa 'khai báo hàm' và 'biểu thức hàm' trong JavaScript để kiểm tra sự khác biệt giữa chúng

Trong JavaScript, một hàm cho phép bạn xác định một khối mã, đặt tên cho nó và sau đó thực thi nó bao nhiêu lần tùy thích

Hàm JavaScript có thể được xác định bằng từ khóa hàm

cú pháp

5

9

Ví dụ sau đây cho thấy cách xác định và gọi một hàm trong JavaScript

Ví dụ. Xác định và gọi một chức năng

5

0

Thử nó

Trong ví dụ trên, chúng tôi đã định nghĩa một hàm có tên ShowMessage hiển thị thông báo bật lên "Xin chào thế giới. ". Hàm này có thể được thực thi bằng toán tử [] e. g. Tin chương trình[]

Thông số chức năng

Một chức năng có thể có một hoặc nhiều tham số, sẽ được cung cấp bởi mã gọi và có thể được sử dụng bên trong một chức năng. JavaScript là ngôn ngữ kịch bản kiểu động, do đó, một tham số chức năng có thể có giá trị của bất kỳ loại dữ liệu nào

Ví dụ. Thông số chức năng

5

1

Thử nó

Bạn có thể truyền ít hơn hoặc nhiều đối số hơn trong khi gọi một hàm. Nếu bạn truyền ít đối số hơn thì các tham số còn lại sẽ không được xác định. Nếu bạn truyền nhiều đối số hơn thì các đối số bổ sung sẽ bị bỏ qua

Ví dụ. Thông số chức năng

5

2

Thử nó

Đối tượng đối số

Tất cả các chức năng trong JavaScript có thể sử dụng đối tượng đối số theo mặc định. Một đối tượng đối số bao gồm giá trị của từng tham số

Đối tượng đối số là một mảng giống như đối tượng. Bạn có thể truy cập các giá trị của nó bằng cách sử dụng chỉ mục tương tự như mảng. Tuy nhiên, nó không hỗ trợ các phương thức mảng

Ví dụ. đối số đối tượng

5

3

Thử nó

Một đối tượng đối số vẫn hợp lệ ngay cả khi chức năng không bao gồm bất kỳ tham số nào

Ví dụ. đối số đối tượng

5

4

Thử nó

Một đối tượng đối số có thể được lặp lại bằng vòng lặp for

Ví dụ. Lặp lại tất cả các đối số

5

5

Thử nó

Giá trị trả về

Một hàm có thể trả về 0 hoặc một giá trị bằng cách sử dụng từ khóa return

Ví dụ. Giá trị trả về từ một Hàm

5

6

Thử nó

Trong ví dụ trên, một hàm có tên Sum thêm val1 & val2 và trả về. Vì vậy, mã gọi có thể nhận giá trị trả về và gán nó cho một biến. Hàm thứ hai Multiply không trả về bất kỳ giá trị nào, vì vậy biến kết quả sẽ không được xác định

Một hàm có thể trả về một hàm khác trong JavaScript

Ví dụ. Chức năng trả về một chức năng

5

7

Thử nó

Biểu thức hàm

JavaScript cho phép chúng ta gán một hàm cho một biến và sau đó sử dụng biến đó làm hàm. Nó được gọi là biểu thức hàm

Ví dụ. Biểu thức hàm

5

8

Thử nó

Chức năng ẩn danh

Hàm ẩn danh rất hữu ích trong việc chuyển hàm gọi lại, tạo bao đóng hoặc biểu thức hàm được gọi ngay lập tức

JavaScript cho phép chúng ta định nghĩa một hàm mà không cần bất kỳ tên nào. Chức năng không tên này được gọi là chức năng ẩn danh. Hàm ẩn danh phải được gán cho một biến

Ví dụ. Chức năng ẩn danh

5

00

Thử nó

Hàm lồng nhau

Trong JavaScript, một hàm có thể có một hoặc nhiều hàm bên trong. Các hàm lồng nhau này nằm trong phạm vi của hàm bên ngoài. Hàm bên trong có thể truy cập các biến và tham số của hàm bên ngoài. Tuy nhiên, chức năng bên ngoài không thể truy cập các biến được xác định bên trong các chức năng bên trong

Làm cách nào để viết một phương thức hàm trong JavaScript?

Làm thế nào chức năng được viết bằng JavaScript giải thích nó?

Ví dụ về hàm JavaScript là gì?