Khai báo hàm javascript

JavaScript là một ngôn ngữ lập trình biến phổ biến, được sử dụng rộng rãi cho trang web và máy chủ. Hãy cùng Got It tìm hiểu về chức năng trong JavaScript ở bài viết này nhé.  

  • Tìm hiểu thêm. Chức năng là gì?

lục mục

  • 1. Hàm trong JavaScript là gì?
  • 2. Các yếu tố ảnh hưởng đến chức năng
  • 3. Tính chất của hàm trong JavaScript
  • 4. Specify an function in JavaScript
    • Định nghĩa hàm
    • Biểu thức hàm
  • 4. Set name function
  • 5. Cách gọi chức năng
  • 6. Phạm vi hàm

1. Hàm trong JavaScript là gì?

Khai báo hàm javascript
Hàm trong JavaScript giống với hầu hết các ngôn ngữ lập trình và ngôn ngữ script khác

Hàm JavaScript cũng giống với hàm của hầu hết ngôn ngữ lập trình và ngôn ngữ kịch bản (ngôn ngữ kịch bản) khác. Trong JavaScript, một hàm cho phép bạn định nghĩa, đặt tên và thực thi mã khối, không giới hạn số lần. Một JavaScript được định nghĩa bằng cách sử dụng từ khóa 'chức năng'

Hàm (hàm) là một trong những khối hợp nhất quan trọng nhất của JavaScript. Một hàm trong JavaScript giống với một phương thức – một loạt các câu lệnh để thực hiện một nhiệm vụ (nhiệm vụ) hoặc tính toán một giá trị. Nhưng để một phương thức trở thành một hàm, phương thức đó phải nhận đầu vào (giá trị vào) và trả lại đầu ra (giá trị ra). Tồn tại một mối quan hệ nào đó giữa đầu vào và đầu ra. Để sử dụng một chức năng, bạn phải định nghĩa nó trong phạm vi bạn muốn gọi nó.  

2. Các yếu tố ảnh hưởng đến chức năng

Trong JavaScript, một chức năng được cấu hình thành và chịu ảnh hưởng của các yếu tố sau

  • Cấu hình mã JavaScript thành phần thân hàm
  • Danh sách các tham số
  • Các số tiếp cận cận được lấy từ phạm vi từ vựng (phạm vi cục bộ)
  • Giá trị trả lại
  • Bối cảnh này mà chức năng được gọi
  • Chức năng có tên hoặc ẩn danh
  • Hàm Giữ đối tượng biến số
  • Đối tượng đối số (hoặc không có trong chức năng mũi tên)

3. Tính chất của hàm trong JavaScript

Khai báo hàm javascript
Bạn đã biết tính chất của hàm trong JavaScript chưa?
  • Hàm là một chương trình con được thiết kế để thực hiện một nhiệm vụ nhất định
  • Các chức năng chỉ được thực hiện khi chúng được gọi. Điều này được gọi là gọi (mời) một chức năng
  • Các giá trị có thể được truyền vào hàm và sử dụng bên trong hàm
  • Hàm luôn trả về (trả lại) một giá trị. Trong JavaScript, nếu không có giá trị trả về, hàm sẽ trả về “undefined”
  • Hàm là đối tượng.  

4. Specify an function in JavaScript

Định nghĩa hàm

Định nghĩa hàm, hay khai báo hàm, bao gồm từ khóa hàm. Theo sau từ khóa này là

  • tên chức năng. Tên hàm có thể chứa các chữ cái, chữ số, gạch dưới hay ký hiệu đô-la (quy luật giống với biến số)
  • Danh sách các tham số của hàm, đặt trong vòng trích dẫn và phân tách nhau bởi dấu phẩy.  
  • Đặt câu lệnh JavaScript định nghĩa hàm trong dấu trích dẫn.  

Sau đây là chức năng khai báo cú pháp

//defining a function
function ()
{
    // code to be executed
};

Biểu thức hàm

Ngoài cách trên, còn có một cách khác để tạo hàm trong JavaScript. That is information through Biểu thức hàm, hay biểu thức hàm. Một hàm như vậy có thể là hàm ẩn danh. Nó không nhất thiết phải có tên. Dưới đây là một ví dụ về một chức năng biểu thức

const square = function(number) { return number * number }
var x = square(4) // x gets the value 16

Tuy nhiên, bạn cũng có thể cung cấp tên cho một hàm biểu thức. Tên sẽ cho phép chức năng nhắc đến chính nó và cũng giúp dễ dàng nhận dạng một chức năng trong dấu vết theo dõi (dấu vết ngăn xếp).  

const factorial = function fac(n) { return n < 2 ? 1 : n * fac(n - 1) }

console.log(factorial(3))

4. Set name function

Hàm là hàm, hay còn gọi là chức năng. Vì chức năng thay thế tên thường là một động từ. Tên chức năng nên rút gọn và chính xác nhất có thể. Quan trọng hơn, nó phải mô tả chức năng thực hiện bất cứ điều gì. Như vậy, người đọc mã sẽ hiểu được nhiệm vụ chính của chức năng đó

Thông thường, một chức năng sẽ được bắt đầu bằng một tiền tố từ. Tiền tố này không miêu tả công việc của chức năng cụ thể là gì. Vì vậy cần có sự đồng thuận trong một nhóm về ý nghĩa của tiền tố này. Ví dụ, hàm bắt đầu với “show” thường sẽ cho xem thứ gì đó

Function started with

  • "lấy…". return a value
  • "tạo ra…". tạo
  • “tính toán…”. tính toán
  • "kiểm tra…". kiểm tra

Cụ thể hơn, trong thực tế, có thể có các chức năng được đặt tên như sau.  

showMessage(..)     // cho xem một message
getAge(..)          // trả lại số tuổi
calcSum(..)         // tính tổng và trả lại giá trị
createForm(..)      // tạo một form
checkPermission(..) // kiểm tra một permission, trả lại true/false

5. Cách gọi chức năng

Specify a function not mean is done it. Xác định chỉ đặt tên cho chức năng và chức năng có thể hóa chức năng sẽ làm gì khi được gọi. Gọi hàm mới là bước thực hiện những hành động đã được nhắc đến với tham số đã được trình bày trước đó.  

Chức năng phải nằm trong phạm vi chúng được gọi. Nhưng hàm khai báo có thể được nâng lên (chuyển lên trước), như trong ví dụ dưới đây

console.log(square(5));
/* .. */
function square(n) { return n * n }

Lưu ý rằng việc cẩu chỉ có thể thực hiện được với chức năng khai báo. Chúng ta không thể thực hiện cẩu với hàm biểu thức.  

6. Phạm vi hàm

Các biến số được định nghĩa trong một hàm không thể truy cập được từ bên ngoài vì các biến chỉ được xác định trong phạm vi của hàm đó. Tuy nhiên, một hàm có thể truy cập tất cả các biến và hàm được xác định bên trong phạm vi được định nghĩa của nó.  

Nói cách khác, một hàm được định nghĩa trong phạm vi toàn cầu (phạm vi toàn bộ) có thể truy cập toàn bộ biến được định nghĩa trong phạm vi toàn cầu. Một hàm được định nghĩa bên trong một hàm khác cũng có thể truy cập tất cả các biến được định nghĩa trong hàm cha, hay bất kỳ biến nào mà hàm cha được truy cập.  

Got It hy vọng rằng với bài viết trên, bạn đã hiểu hơn về chức năng trong JavaScript. mã hóa hạnh phúc

Tìm hiểu thêm

  • Hàm nghịch đảo là gì?
  • Tìm hiểu về Hàm trong MATLAB

Hiện tại, Got It đang tuyển dụng các vị trí Kỹ sư phần mềm sử dụng JavaScript. Các bạn có thể tham khảo tại đây hoặc subscribe mình để không bỏ lỡ những tin tức mới nhất nhé