VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

Học JavaScript

JavaScript là gì? Cú pháp trong JavaScript Nhúng JavaScript vào HTML Biến trong JavaScript Biến toàn cầu JavaScript Kiểu dữ liệu trong JavaScript Toán tử trong JavaScript Hàm trong JavaScript Sự kiện trong JavaScript

Các Mệnh Đề Điều Khiển

Mệnh đề if-else Mệnh đề Switch-case Vòng lặp for Vòng lặp while Vòng lặp do-while

Các đối tượng JavaScript

Đối tượng trong JavaScript Mảng (Array) Chuỗi (String) Đối tượng Date Đối tượng Math Đối tượng Number Đối tượng Boolean

JavaScript BOM

Đối tượng Browser 1. Đối tượng Window 2. Đối tượng History 3. Đối tượng Navigator 4. Đối tượng Screen Cookie trong JavaScript

JavaScript DOM

5. Đối tượng Document getElementById() getElementsByName() getElementsByTagName() Thuộc tính innerHTML Thuộc tính innerText

JavaScript Validation

Validate Form bằng JavaScript Validate Email bằng JavaScript

Phỏng Vấn JavaScript

Câu hỏi phỏng vấn JavaScript
1 / 3
❮ ❯

Hàm (function) trong JavaScript


Kiểu dữ liệu trong JavaScript
Sự kiện (Event) trong JavaScript

Nội dung chính

  • Hàm (function) trong JavaScript là gì?
  • Cú pháp của hàm (function) trong JavaScript
  • Ví dụ về hàm JavaScript
  • Return - trả về giá trị cho hàm
  • Hàm được sử dụng làm giá trị biến

Hàm (function) trong JavaScript là gì?

  • Hàm trong JavaScript là một chương trình con được thiết kế để thực hiện một công việc cụ thể.
  • Hàm trong JavaScript được thực thi khi chúng được gọi từ một hàm khác, từ một sự kiện hoặc gọi từ chính nó.
  • Hàm trong JavaScript luôn trả về một giá trị, nếu không định nghĩa giá trị cụ thể, hàm sẽ trả về undefined.
  • Hàm trong JavaScript có thể có 0 hoặc nhiều tham số.

Cú pháp của hàm (function) trong JavaScript

Một hàm JavaScript được khai báo với từ khóa function, theo sau là name, theo sau là 0 hoặc nhiều tham số được khai báo bên trong ().

Tên hàm có thể chứa các ký tự chữ cái, chữ số, dấu gạch dưới, và ký tự dô la (giống như quy tắc đặt tên biến).

Các lệnh được thực hiện bởi hàm được đặt bên trong dấu ngoặc nhọn: {}

function name(tham_so_1, tham_so_2, tham_so_3) {
    // các lệnh
}

Các tham số được liệt kê bên trong dấu ngoặc đơn () trong định nghĩa hàm.

Đối số hàm là các giá trị nhận được bởi hàm 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ộ (local).


Ví dụ về hàm JavaScript

<html>
<head>
<script type="text/javascript">
    function showMessage() {
        alert("Hello JavaScritp! this is a message.");
    }
</script>
</head>
<body>
  <input type="button" onclick="showMessage()" value="Show Message" />
</body>
</html>

Kết quả:


Return - trả về giá trị cho hàm

Khi JavaScript chạy đến câu lệnh return, hàm sẽ ngừng thực thi và trả về giá trị sau lệnh "return".

Ví dụ: Tính tích của 2 số và trả về kết quả.

var x = myFunction(4, 3);

function myFunction(a, b) {
    return a * b;
}

Kết quả:

12

Tại sao nên sử dụng hàm trong JavaScript

Bạn có thể sử dụng lại mã nguồn: Viết mã một lần và sử dụng nó nhiều lần.

Bạn có thể sử dụng cùng một 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ụ: Chuyển đổi Fahrenheit (độ F) thành Celsius (độ C):

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(60);

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 công thức, tác vụ.

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

var x = toCelsius(60);
var text = "The temperature is " + x + " Celsius";

Bạn có thể sử dụng hàm trực tiếp, dưới dạng giá trị biến:

var text = "The temperature is " + toCelsius(60) + " Celsius";

Kiểu dữ liệu trong JavaScript
Sự kiện (Event) trong JavaScript

Recent Updates

Sử dụng Javascript trong HTMLJavaScript là gì?Biến toàn cầu JavaScriptBiến trong JavaScriptBoolean trong JavaScriptChuỗi (String) trong JavaScriptCookie trong JavaScriptCú pháp trong JavaScriptDocument.getElementById() trong JavaScriptDocument.getElementsByName() trong JavaScriptDocument.getElementsByTagName() trong JavaScriptĐối tượng Browser trong JavaScriptSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml