Người Viết : ViKiMi Editor
Hướng dẫn thực hiện Lập trình Chức Năng / Hàm / Functtions trong ngôn ngữ JavaScript
JavaScript hỗ trợ tạo các chức năng / Hàm trong một chương trình. Để tạo các Chức năng / Hàm với JavaScript không khó, điều này được thực hiện dễ dàng. Nhờ tạo ra các Chức năng / Hàm mà một chương trình JavaScript sẽ hoạt động đầy đủ ý nghĩa hơn. Tất cả sẽ giúp phản ánh giống với những gì Con người cần tương tác trong môi trường làm việc.
Việc tạo các Chức năng / Hàm có cần thiết không ?
+ Chắc chắn là rất cần thiết vì sự hữu ích của nó
+ Sự cần thiết này làm chương trình hiện đại, tốt hơn
Vậy Chức năng / Hàm / Functions trong JavaScript là gì ?
+ JavaScript Functions là một khối mã lệnh được thiết kế để tạo nên một chức năng cụ thể, hoàn thành một tác vụ công việc cụ thể.
+ JavaScript Functions sẽ được thực thi khi có Lệnh gọi nó.
Lý do, Nên sử dụng JavaScript Functions khi thiết kế Website :
+ JavaScript Functions cho phép bạn có thể sử dụng lại nhiều lần mã Lập trình. JavaScript Functions là khối mã Lập trình định nghĩa chức năng cụ thể. Vì vậy khi gọi chức năng nhiều lần có nghĩa là bạn sẽ gọi Functions đã tạo ra nhiều lần
+ JavaScript Functions cho phép Bạn có thể viết mã để sử dụng nhiều lần. Nhờ vậy tiết kiệm được nhiều thời gian công sức.
+ JavaScript Functions cho phép Bạn có thể sử dụng cùng một mã với các đối số khác nhau để tạo ra các kết quả khác nhau. Làm cho các chức năng được linh hoạt, mở rộng theo yêu cầu.
EXAMPLE :
Tạo JavaScript Functions Minh hoạ
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Functions</h1>
<p> Phép Nhân 2 số : </p>
<p id="paragraph_01"></p>
<script>
function myFunction(p1, p2) {
return p1 * p2;
}
let result = myFunction(40, 13);
document.getElementById("paragraph_01").innerHTML = result;
</script>
</body>
</html>
A ] Định Nghĩa Một Hàm / JavaScript Functions
+ Cú pháp Function trong JavaScript
[ – ] Hàm JavaScript được định nghĩa bằng từ khóa function :
theo sau là tên, theo sau là dấu ngoặc đơn ( )
[ – ] Đặt Tên cho 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 đặt tên cho Hàm giống như quy tắc đặt tên Biến )
[ – ] Các tham số truyền cho Hàm được đặt trong dấu ngoặc đơn, và phân tách các tham số bằng dầu phẩy :
Hàm có thể có hoặc không tham số
( Tham số 1, Tham số 2, … )
[ – ] Mã lệnh của Hàm / JavaScript Functions được đặt bên trong dấu ngoặc nhọn { }
+ Chúng ta có Cú Pháp
function Tên_Hàm ( Tham số 1, Tham số 2, ... ) {
/**
* Mã lệnh được viết tại đây
*/
}
B ] Thực hiện Gọi Hàm / JavaScript Functions
+ Một Chức Năng / Hàm sẽ được thực thi khi có “thứ gì đó” gọi ( calls ) hàm, Khi đó khối mã lệnh trong thân hàm sẽ được thực hiện.
“Thứ gì đó” gọi ( calls ) Hàm / JavaScript Function :
[ – ] Khi một sự kiện ( Events ) xảy ra ( Khi người dùng nhấp vào nút .v.v.. ) , Sự kiện này được lập trình để gọi Hàm Chức Năng đã tạo
[ – ] Hàm được gọi (được gọi) từ mã chương trình JavaScript
[ – ] Hoặc Tự động gọi ( Hàm tự gọi chính nó )
+ Hàm / JavaScript Functions sẽ ngừng thực thi khi nào :
[ – ] Khi chương trình Hàm được thực thi hết lệnh trong thân hàm HOẶC
[ – ] Khi chương trình JavaScript gặp câu lệnh return
+ Nếu hàm được gọi từ một câu lệnh trong khối chương trình, thì khi Hàm được thực thi xong, JavaScript sẽ “trở lại” tiếp tục thực thi các mã lệnh sau câu lệnh gọi.
+ Nếu hàm được gọi từ một Sự Kiện (Event) thì JavaScript sẽ kết thúc khi sự kiện đó kết thúc
+ LỆNH RETURN ! Việc tạo ra các HÀM chính môi trường thực hành tốt nhất cho sử dụng lệnh Return.
Tất cả các Hàm đều cần Lệnh Return để trả về giá trị !
Example :
<script>
// Biến x lưu giá trị trả về của Hàm
var x = myFunction(14, 03);
function myFunction(a, b) {
// Lệnh return để trả về giá trị
return a * b;
}
</script>
C ] Lưu Ý khi sử dụng JavaScript Functions
+ Chương trình sẽ trả về sai kết quả nếu, truy cập một hàm có tham số truyền vào không chính xác.
Example :
<script>
function Sum( a, b ) {
return ( a + b );
}
var value = Sum();
</script>
Hàm sẽ trả về kết quả không xác định vì không có tham số truyền vào để tính toán
+ Nếu Bạn Thực hiện truy cập một hàm mà không có dấu toán tử ( ) , giá trị trả về hàm chứ không phải kết quả của hàm
Example :
<script>
function Sum( a, b ) {
return ( a + b );
}
var value = Sum;
</script>
Kết quả :
+ Toán tử ( ) để thực hiện gọi / invokes Hàm
Như vậy, Cách chúng ta sử dụng và tạo nên Chức Năng / Hàm / Functions trong ngôn ngữ JavaScript tương đối đơn giản. Nhờ có thể sử dụng Functions mà tất cả các chương trình trở nên hiện đại tối ưu hơn. Có vẻ đây là một yêu cầu mà các LTV đều muốn đáp ứng .
