Thứ Hai, 20 tháng 1, 2014
JavaScript chức năng
Một chức năng là một khối mã sẽ được thực hiện khi "ai đó" gọi đó là:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>
Chức năng JavaScript Cú pháp
Một chức năng được viết như là một khối mã (bên trong dấu ngoặc nhọn {}), trước bởi các chức năng từ khóa:
function functionname()
{
some code to be executed
}
{
some code to be executed
}
Các mã bên trong các chức năng sẽ được thực hiện khi "ai đó" gọi hàm.
Chức năng có thể được gọi trực tiếp khi một sự kiện xảy ra (như khi người dùng nhấp vào một nút), và nó có thể được gọi là từ "bất cứ nơi nào" bởi mã JavaScript.
 | JavaScript là trường hợp nhạy cảm. Các từ khóa chức năng phải được viết bằng chữ thường, và các chức năng phải được gọi với các thủ đô giống như được sử dụng trong tên hàm. |
|---|
Gọi một chức năng với Arguments
Khi bạn gọi một chức năng, bạn có thể vượt qua cùng một số giá trị cho nó, những giá trị này được gọi là đối số hoặc các thông số .
Những lập luận này có thể được sử dụng bên trong hàm.
Bạn có thể gửi nhiều tham số như bạn muốn, cách nhau bằng dấu phẩy (,)
myFunction(argument1,argument2)
Khai báo các đối số, như các biến, khi bạn khai báo các chức năng:
function myFunction(var1,var2)
{
some code
}
{
some code
}
Các biến và các đối số phải được theo thứ tự mong muốn. Biến đầu tiên được đưa ra giá trị của các đối số thông qua đầu tiên vv
Ví dụ
<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
Thử nó cho mình »
Các chức năng trên sẽ cảnh báo "Chào mừng Harry Potter, Wizard" khi nút được nhấp.
Các chức năng linh hoạt, bạn có thể gọi chức năng sử dụng lập luận khác nhau, và tin nhắn chào đón khác nhau sẽ được đưa ra:
Ví dụ
<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
<button onclick="myFunction('Bob','Builder')">Try it</button>
<button onclick="myFunction('Bob','Builder')">Try it</button>
Thử nó cho mình »
Ví dụ trên sẽ cảnh báo "Chào mừng Harry Potter, Wizard" hoặc "Chào mừng Bob, Builder" tùy thuộc vào nút được nhấp.
Với chức năng giá trị gia tăng trở lại
Đôi khi bạn muốn chức năng của bạn để trả về một giá trị trở lại nơi mà các cuộc gọi đã được thực hiện.
Điều này có thể bằng cách sử dụng các trở lại tuyên bố.
Khi sử dụng lại tuyên bố, chức năng sẽ ngừng thực hiện và trả về giá trị chỉ định.
Cú pháp
function myFunction()
{
var x=5;
return x;
}
{
var x=5;
return x;
}
Các chức năng trên sẽ trả về giá trị 5.
Lưu ý: Đây không phải là toàn bộ JavaScript sẽ dừng thực hiện, chỉ có chức năng. JavaScript sẽ tiếp tục thực thi mã, nơi mà các chức năng cuộc gọi đã được thực hiện từ.
Chức năng cuộc gọi sẽ được thay thế bằng giá trị trả về:
var myVar=myFunction();
Các myVar biến chứa giá trị 5, đó là những gì các chức năng "myFunction ()" trả về.
Bạn cũng có thể sử dụng giá trị trả về mà không cần lưu trữ nó như là một biến:
document.getElementById("demo").innerHTML=myFunction();
InnerHTML của "demo" phần tử sẽ là 5, đó là những gì các chức năng "myFunction ()" trả về.
Bạn có thể làm cho một giá trị trả về dựa trên đối số được truyền vào các chức năng:
Ví dụ
Tính toán là sản phẩm của hai con số, và trả về kết quả:
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
InnerHTML của "demo" phần tử sẽ là:
12
copy mã dưới và thử:
<!DOCTYPE html>
<html>
<body>
<p>This example calls a function which performs a calculation, and returns the result:</p>
<p id="demo"></p>
<script>
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
</html>
Thử nó cho mình »
Các tuyên bố trở lại cũng được sử dụng khi bạn chỉ đơn giản là muốn thoát khỏi một chức năng. Sự trở lại giá trị là tùy chọn:
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
{
if (a>b)
{
return;
}
x=a+b
}
Các chức năng trên sẽ thoát khỏi chức năng nếu a> b, và sẽ không tính tổng của a và b.
Các biến JavaScript địa phương
Một biến khai báo (sử dụng var) trong một hàm JavaScript sẽ trở thành ĐỊA PHƯƠNG và chỉ có thể được truy cập từ bên trong chức năng đó. (Biến có phạm vi địa phương).
Bạn có thể có các biến địa phương có cùng tên trong các chức năng khác nhau, bởi vì các biến cục bộ chỉ được công nhận bởi các chức năng, trong đó họ được khai báo.
Biến cục bộ sẽ bị xóa ngay sau khi chức năng được hoàn tất.
Các biến JavaScript toàn cầu
Các biến khai báo bên ngoài một chức năng, trở thành GLOBAL , và tất cả các kịch bản và các chức năng trên trang web có thể truy cập nó.
Lifetime của biến JavaScript
Tuổi thọ của các biến JavaScript bắt đầu khi chúng được khai báo.
Biến cục bộ sẽ bị xóa khi chức năng được hoàn tất.
Biến toàn cầu được xóa khi bạn đóng trang.
Gán giá trị cho biến undeclared JavaScript
Nếu bạn chỉ định một giá trị cho một biến chưa được khai báo, các biến sẽ tự động được khai báo là một GLOBAL biến.
Tuyên bố này:
carname="Volvo";
sẽ khai báo biến carname như một biến toàn cầu, ngay cả khi nó được thực thi bên trong một hàm.
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét