JavaScript Xác định & Gọi hàm với Ví dụ
James Hartman
Chức năng trong là gì JavaKịch bản?
Hàm rất quan trọng và hữu ích trong bất kỳ ngôn ngữ lập trình nào vì chúng làm cho mã có thể sử dụng lại được. Hàm là một khối mã sẽ chỉ được thực thi nếu nó được gọi. Nếu bạn có một vài dòng mã cần sử dụng nhiều lần, bạn có thể tạo một hàm bao gồm các dòng mã lặp lại rồi gọi hàm đó ở bất cứ đâu bạn muốn.
Cách tạo một hàm trong JavaScript
- Sử dụng từ khóa chức năng theo sau là tên của hàm.
- Sau tên hàm, mở và đóng dấu ngoặc đơn.
- Sau dấu ngoặc đơn, mở và đóng dấu ngoặc nhọn.
- Trong dấu ngoặc nhọn, hãy viết các dòng mã của bạn.
Cú pháp:
function functionname()
{
lines of code to be executed
}
Hãy tự mình thử điều này:
<html>
<head>
<title>Functions!!!</title>
<script type="text/javascript">
function myFunction()
{
document.write("This is a simple function.<br />");
}
myFunction();
</script>
</head>
<body>
</body>
</html>
Hàm có đối số
Bạn cũng có thể tạo các hàm với các đối số. Các đối số phải được chỉ định trong dấu ngoặc đơn
Cú pháp:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Hãy tự mình thử điều này:
<html>
<head>
<script type="text/javascript">
var count = 0;
function countVowels(name)
{
for (var i=0;i<name.length;i++)
{
if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
count = count + 1;
}
document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
}
var myName = prompt("Please enter your name");
countVowels(myName);
</script>
</head>
<body>
</body>
</html>
JavaGiá trị trả về của tập lệnh
Bạn cũng có thể tạo các hàm JS trả về giá trị. Bên trong hàm, bạn cần sử dụng từ khóa trở lại theo sau là giá trị được trả về.
Cú pháp:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Hãy tự mình thử điều này:
<html>
<head>
<script type="text/javascript">
function returnSum(first, second)
{
var sum = first + second;
return sum;
}
var firstNo = 78;
var secondNo = 22;
document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
</script>
</head>
<body>
</body>
</html>
