VietTuts

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

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • Python
  • PHP
  • Eclipse
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Phần mềm tiện ích
    • Cấu trúc dữ liệu và giải thuật
    • Học lập trình C#
    • 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

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

JavaScript 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 JavaScriptĐối tượng Date trong JavaScript

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
Học servlet
Học jsp
Học Hibernate
Học Struts2
Học Spring
Học SQL

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

About VietTuts.Vn

Hệ thống bài học trên VietTuts.Vn bao gồm các bài lý thuyết và thực hành về các công nghệ java và công nghệ web. Các bài lý thuyết trên hệ thống VietTuts.Vn được tham khảo và tổng hợp từ các trang http://javatpoint.com, http://www.tutorialspoint.com, http://docs.oracle.com/en …

Scroll back to top

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