Tìm hiểu về Function trong JavaScript
Học Javascript bắt đầu với Hello, World
Tự làm quen với các bài tập và gửi đoạn code đầu tiên của bạn bằng cách hoàn thành bài đầu tiên "Hello, World!".
Luyện tập
Hàm trong JavaScript

    Hàm trong JavaScript là một khối mã được thiết kế để thực hiện một tác vụ cụ thể. Một hàm JavaScript được thực thi khi được gọi đến.

Ví dụ
HTML Iframe
Cấu trúc của Function trong JavaScript
  • Hàm JavaScript được xác định bằng từ khóa function, theo sau là tên hàm , tiếp theo là dấu ngoặc đơn () .
  • Tên hàm có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la (quy tắc giống như biến).
  • Dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy: ( tham số1, tham số2, ... )
  • Mã được thực thi bởi hàm, được đặt bên trong dấu ngoặc nhọn: {}
function name(parameter1, parameter2, parameter3) {
    / / code to be executed
}
  • Các tham số của hàm được liệt kê bên trong dấu ngoặc đơn () trong định nghĩa hàm.
  • Các đối số của hàm là các giá trị mà hàm nhận được khi nó được gọi.
  • Bên trong hàm, các đối số (các tham số) hoạt động như các biến cục bộ.
Gọi Function

Mã bên trong hàm sẽ thực thi khi hàm được gọi đến:

  • Khi một sự kiện xảy ra (khi người dùng nhấp vào nút)
  • Khi nó được gọi (được gọi) từ mã JavaScript
  • Tự động (tự gọi)
Dữ liệu trả về trong Function
  • Khi JavaScript chạy đến return , hàm sẽ ngừng thực thi.
  • Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "quay lại" để thực thi mã sau câu lệnh gọi.
  • Các hàm thường tính toán một giá trị trả về.
Ví dụ
HTML Iframe
Chú ý
  • Bạn có thể sử dụng lại hàm một hoặc nhiều lần
  • Bạn có thể sử dụng cùng một hàm nhiều lần với các đối số khác nhau để tạo ra các kết quả khác nhau.
Ví dụ
HTML Iframe
Toán tử () gọi hàm
  • Sử dụng ví dụ trên, toCelsius3 tham chiếu đến đối tượng hàm và toCelsius3() tham chiếu đến kết quả của hàm.
  • Truy cập một chức năng không có () sẽ trả về đối tượng chức năng thay vì kết quả chức năng.
Ví dụ
HTML Iframe
Các hàm được sử dụng làm giá trị biến

    Các hàm có thể được sử dụng giống như cách bạn sử dụng các biến, trong tất cả các loại công thức, bài tập và phép tính.

Ví dụ thay vì sử dụng một biến để lưu trữ giá trị trả về của một hàm:

let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Ví dụ
HTML Iframe
Biến cục bộ
  • Các biến được khai báo trong hàm JavaScript, trở thành biến địa phương trong hàm.
  • Các biến cục bộ chỉ có thể được truy cập từ bên trong hàm.
  • Vì các biến cục bộ chỉ được nhận dạng bên trong các hàm của chúng, nên các biến có cùng tên có thể được sử dụng trong các hàm khác nhau.
  • Các biến cục bộ được tạo khi chức năng bắt đầu và bị xóa khi chức năng hoàn thành.
Ví dụ
HTML Iframe
Một số bài viết liên quan
Devsne VN 3846 lượt xem

Vuejs validate form with VeeValidate

Devsne VN 10003 lượt xem

Tạo một dự án Nuxtjs, tìm hiểu cấu trúc thư mục trong Nuxtjs

Devsne VN 2385 lượt xem

Build, Deploy Express Nodejs App với Docker Image, Kubernetes và Gitlab Registry

Devsne VN 3544 lượt xem

Building a React.js Material UI web application with server-side rendering

Devsne VN 3021 lượt xem

Tìm hiểu cơ bản về Vue.js

Devsne VN 10426 lượt xem

Vue Js Sweetalert Modal Notification Tutorial

Devsne VN 9260 lượt xem

Một số câu hỏi phổ biến về VueJS (P.1)

Devsne VN 1959 lượt xem

Three.js - Bài 2: Dịch chuyển đối tượng 3D - Controls

Devsne VN 9961 lượt xem

Xử lý lỗi trong ReactJS với Error Boundary

Devsne VN 5612 lượt xem

Ứng dụng web kết hợp API Laravel và next.js từ a-Z (Phần 1- hiển thị dữ liệu)

Mục lục
Hàm trong JavaScript
Ví dụ
Cấu trúc của Function trong JavaScript
Gọi Function
Dữ liệu trả về trong Function
Ví dụ
Chú ý
Ví dụ
Toán tử () gọi hàm
Ví dụ
Các hàm được sử dụng làm giá trị biến
Ví dụ
Biến cục bộ
Ví dụ