Hướng dẫn html script function - chức năng tập lệnh html

1) Hàm là gì?

- Hàm là một tập hợp gồm nhiều câu lệnh, các câu lệnh này được sắp xếp theo một thứ tự xác định để xây dựng thành một chức năng cụ thểmột chức năng cụ thể

- Mỗi hàm sẽ có một cái tên và hàm chỉ thực thi khi nó được gọi đến tên.

  • Trong kịch bản bên dưới, chúng ta có một hàm tên là GioiThieuBanThan.
  • Hàm này gồm ba câu lệnh với chức năng là hiển thị một câu giới thiệu về bản thân.


<script>
    function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }
</script>

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).

  • Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lần


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Gọi lần thứ nhất

    document.write("<hr>");

    GioiThieuBanThan(); //Gọi lần thứ hai

    document.write("<br>");

    document.write("<br>");

    GioiThieuBanThan(); //Gọi lần thứ ba

</script>

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).

Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lầnhàm không có tham số & hàm có tham số

2) Phân loại hàmHàm không có tham số là hàm mà kết quả thực thi của nó luôn luôn không thay đổi.

  • - Hàm được chia làm hai loại cơ bản: hàm không có tham số & hàm có tham số
  • - Hàm không có tham số là hàm mà kết quả thực thi của nó luôn luôn không thay đổi.


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Tôi là Nhân sinh năm 1993

    GioiThieuBanThan(); //Tôi là Nhân sinh năm 1993

    GioiThieuBanThan(); //Tôi là Nhân sinh năm 1993

</script>

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).Hàm có tham số là loại hàm mà khi gọi hàm ta phải truyền giá trị vào cho nó. Tùy vào giá trị được truyền mà hàm sẽ thực thi và cho ra kết quả khác nhau.

Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lầnx & y

2) Phân loại hàm

  • - Hàm được chia làm hai loại cơ bản: hàm không có tham số & hàm có tham sốname được gán giá trị bằng với giá trị của tham số x
  • - Hàm không có tham số là hàm mà kết quả thực thi của nó luôn luôn không thay đổi.year được gán giá trị bằng với giá trị của tham số y

Hàm GioiThieuBanThan bên dưới là một hàm không có tham số

  • Kết quả thực thi của nó luôn là hiển thị dòng chữ "Tôi là Nhân sinh năm 1993"x được truyền giá trị là Trình Giảo Kim ==> biến name có giá trị Trình Giảo Kim
  • - Hàm có tham số là loại hàm mà khi gọi hàm ta phải truyền giá trị vào cho nó. Tùy vào giá trị được truyền mà hàm sẽ thực thi và cho ra kết quả khác nhau.y được truyền giá trị là 1993 ==> biến year có giá trị 1993
  • - Hàm GioiThieuBanThan bên dưới có hai tham số là x & y

- Về nội dung của hàm:

  • Biến name được gán giá trị bằng với giá trị của tham số xx được truyền giá trị là La Thành ==> biến name có giá trị La Thành
  • Biến year được gán giá trị bằng với giá trị của tham số yy được truyền giá trị là 1989 ==> biến year có giá trị 1989
  • - (1) Trong lần gọi hàm đầu tiên:

Tham số x được truyền giá trị là Trình Giảo Kim ==> biến name có giá trị Trình Giảo Kim

  • Tham số y được truyền giá trị là 1993 ==> biến year có giá trị 1993x được truyền giá trị là Tần Thúc Bảo ==> biến name có giá trị Tần Thúc Bảo
  • ==> Kết quả thực thi của hàm sẽ là hiển thị dòng chữ Tôi là Trình Giảo Kim sinh năm 1993y được truyền giá trị là 1985 ==> biến year có giá trị 1985
  • - (2) Trong lần gọi hàm thứ hai:


<script>

    function GioiThieuBanThan(x,y){
        var name = x;
        var year = y;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan("Trình Giảo Kim", 1993); //Tôi là Trình Giảo Kim sinh năm 1993

    GioiThieuBanThan("La Thành", 1989); //Tôi là La Thành sinh năm 1989

    GioiThieuBanThan("Tần Thúc Bảo", 1985); //Tôi là Tần Thúc Bảo sinh năm 1985

</script>

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).

Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lần

function tên hàm() {
    //Danh sách các câu lệnh của hàm
}

2) Phân loại hàm

tên hàm()

- Hàm được chia làm hai loại cơ bản: hàm không có tham số & hàm có tham số


<script>
    function GioiThieuBanThan(){
       document.write("Tôi là Nhân sinh năm 1993");
    }
    GioiThieuBanThan(); //Gọi hàm
</script>

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).

Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lần

function tên hàm(tham số thứ nhất, tham số thứ hai, tham số thứ ba, ....) {
    //Danh sách các câu lệnh của hàm
}

2) Phân loại hàm

- Hàm được chia làm hai loại cơ bản: hàm không có tham số & hàm có tham số

- Hàm không có tham số là hàm mà kết quả thực thi của nó luôn luôn không thay đổi.

tên hàm(giá trị tham số thứ nhất, giá trị tham số thứ hai, giá trị tham số thứ ba, ....)

Hàm GioiThieuBanThan bên dưới là một hàm không có tham sốundefined

  • Kết quả thực thi của nó luôn là hiển thị dòng chữ "Tôi là Nhân sinh năm 1993"
  • - Hàm có tham số là loại hàm mà khi gọi hàm ta phải truyền giá trị vào cho nó. Tùy vào giá trị được truyền mà hàm sẽ thực thi và cho ra kết quả khác nhau.name & year


<script>

    function GioiThieuBanThan(name, year){
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Tôi là undefined sinh năm undefined

    GioiThieuBanThan("Trình Giảo Kim"); //Tôi là Trình Giảo Kim sinh năm undefined

    GioiThieuBanThan("La Thành", 1989); //Tôi là La Thành sinh năm 1989

    GioiThieuBanThan("Tần Thúc Bảo", 1985); //Tôi là Tần Thúc Bảo sinh năm 1985

</script>

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).

  • Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lầnname & year
  • 2) Phân loại hàmname được gán giá trị mặc định là Nhân
  • - Hàm được chia làm hai loại cơ bản: hàm không có tham số & hàm có tham sốyear được gán giá trị mặc định là 1993


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Gọi lần thứ nhất

    document.write("<hr>");

    GioiThieuBanThan(); //Gọi lần thứ hai

    document.write("<br>");

    document.write("<br>");

    GioiThieuBanThan(); //Gọi lần thứ ba

</script>
0

Xem ví dụ

- Một hàm có thể được gọi nhiều lần (hay nói cách khác là không giới hạn số lần gọi hàm).

Trong kịch bản bên dưới, hàm GioiThieuBanThan được gọi đến ba lần


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Gọi lần thứ nhất

    document.write("<hr>");

    GioiThieuBanThan(); //Gọi lần thứ hai

    document.write("<br>");

    document.write("<br>");

    GioiThieuBanThan(); //Gọi lần thứ ba

</script>
1

Xem ví dụ

2) Phân loại hàm

- Hàm được chia làm hai loại cơ bản: hàm không có tham số & hàm có tham sốreturn dùng để trả về cho hàm một giá trị.

- Hàm không có tham số là hàm mà kết quả thực thi của nó luôn luôn không thay đổi.


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Gọi lần thứ nhất

    document.write("<hr>");

    GioiThieuBanThan(); //Gọi lần thứ hai

    document.write("<br>");

    document.write("<br>");

    GioiThieuBanThan(); //Gọi lần thứ ba

</script>
2

Xem ví dụ


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Gọi lần thứ nhất

    document.write("<hr>");

    GioiThieuBanThan(); //Gọi lần thứ hai

    document.write("<br>");

    document.write("<br>");

    GioiThieuBanThan(); //Gọi lần thứ ba

</script>
3

Xem ví dụ


<script>

   function GioiThieuBanThan(){
        var name = "Nhân";
        var year = 1993;
        document.write("Tôi là " + name + " sinh năm " + year);
    }

    GioiThieuBanThan(); //Gọi lần thứ nhất

    document.write("<hr>");

    GioiThieuBanThan(); //Gọi lần thứ hai

    document.write("<br>");

    document.write("<br>");

    GioiThieuBanThan(); //Gọi lần thứ ba

</script>
4

Xem ví dụ

Hàm GioiThieuBanThan bên dưới là một hàm không có tham sốreturn thì hàm sẽ kết thúc (tức là những câu lệnh nằm phía sau lệnh return sẽ không được thực thi). Cho nên trong một hàm, lệnh return cần phải được đặt ở vị trí cuối cùng.