Cũng như mọi ngôn ngữ lập trình, trong JavaScript có khái niệm Hàm-Functions.
Hàm JavaScript -JavaScript Function là một khối mã được thiết kế để thực hiện một tác vụ cụ thể nào đó. Hàm JavaScript được thực thi khi "cái gì đó" gọi nó.
Đây là ví dụ đơn giản về hàm, "tác vụ cụ thể" ở đây là tính tích của hai số.
function hamTinhTich(p1, p2) {
return p1 * p2;
}
Ở một nơi nào đó trong website, khi cần tính tích của hai số, ta sẽ gọi hàm hamTinhTich(), ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Functions</h1>
<p>Tính tích của hai số và hiển thị kết quả:</p>
<p id="demo"></p>
<script>
function hamTinhTich(p1, p2) {
return p1 * p2;
}
let result = hamTinhTich(4, 5);
document.getElementById("demo").innerHTML = result;
</script>
</body>
</html>
Sử dụng JSFiddle, chạy thử
Cú pháp hàm JavaScript
Một hàm JavaScript được định nghĩa bằng từ khóa function, theo sau là tên hàm như ví dụ trên là hamTinhTich, theo sau 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à dấu đô la (cùng quy tắc với biến).
Dấu ngoặc đơn có thể bao gồm tên tham số được chia cách bằng dấu phẩy, ví dụ:
(parameter1, parameter2, ...)
Mã được hàm thực thi được đặt bên trong dấu ngoặc nhọn: {}
tên hàm(parameter1, parameter2, parameter3) {
// mã được thực thi
}
Function Return
Khi JavaScript đạt đến câu lệnh Return, hàm sẽ dừng thực thi.
Có những hàm được xây dựng sẵn trong JavaScript.
Hàm alert dùng để hiển thị hộp thoại, bao gồm nội dung tin nhắn và button OK. Khi người dùng bấm vào OK thì hộp thoại sẽ đóng lại. Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Functions</h1>
<p>Tính tích của hai số và hiển thị kết quả:</p>
<p id="demo"></p>
<script>
function hamTinhTich(p1, p2) {
return p1 * p2;
}
let result = hamTinhTich(4, 5);
document.getElementById("demo").innerHTML = result;
alert("Xin Chao đây là Dat Viet Lap Trinh");
</script>
</body>
</html>
Sử dụng JSFiddle, chạy thử
Hàm prompt cũng lại tương tự như hàm alert nhưng cho phép người dùng nhập vào string. Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Functions</h1>
<p>Tính tích của hai số và hiển thị kết quả:</p>
<p id="demo"></p>
<script>
function hamTinhTich(p1, p2) {
return p1 * p2;
}
let result = hamTinhTich(4, 5);
document.getElementById("demo").innerHTML = result;
alert("Xin Chao đây là Dat Viet Lap Trinh");
const name = prompt("Nhập vào tên của bạn:", "Anonymous");
alert(name);
</script>
Sử dụng JSFiddle, chạy thử
Sau khi nhập vào tên là Dat Viet Lap Trinh
JavaScript có các loại toán tử cơ bản sau đây:
- Toán tử số học
- Toán tử gán
- Toán tử bitwise
- Toán tử dấu phẩy
- Toán tử so sánh
- Toán tử logic
- Toán tử điều kiện rẽ nhánh ?:
- Toán tử "Nullish Coalescing" ??
Chúng ta tạm dừng ở đây, phần sau chúng ta sẽ tiếp tục với toán tử trong JavaScript
Phần tiếp theo
Phần trước
Không có nhận xét nào:
Đăng nhận xét