Chủ Nhật, 19 tháng 1, 2014
JavaScript Variables
JavaScript biến là "container" để lưu trữ thông tin:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<script>
var x=5;
var y=6;
var z=x+y;
document.write(x + "<br>");
document.write(y + "<br>");
document.write(z + "<br>");
</script>
</body>
</html>
Thử nó cho mình »
Giống như nhiều đại số
x = 5
y = 6
z = x + y
y = 6
z = x + y
Trong đại số, chúng tôi sử dụng chữ cái (như x) để giữ các giá trị (như 5).
Từ biểu thức z = x + y ở trên, chúng ta có thể tính giá trị của z là 11.
Trong JavaScript những lá thư này được gọi là các biến.
 | Hãy suy nghĩ của các biến là các thùng chứa để lưu trữ dữ liệu. |
|---|
JavaScript biến
Như với đại số, các biến JavaScript có thể được sử dụng để giữ giá trị (x = 5) hay biểu thức (z = x + y).
Biến có thể có những cái tên ngắn (như x và y) hoặc tên mô tả nhiều hơn (tuổi tác, tổng, totalvolume).
- Tên biến phải bắt đầu bằng một chữ cái
- Tên biến cũng có thể bắt đầu với $ và _ (nhưng chúng tôi sẽ không sử dụng nó)
- Tên biến là trường hợp nhạy cảm (y và Y là các biến khác nhau)
| Cả hai câu lệnh JavaScript và các biến JavaScript là trường hợp nhạy cảm. |
|---|
Các loại dữ liệu JavaScript
Biến JavaScript cũng có thể giữ các loại dữ liệu, như các giá trị văn bản (người = "John Doe").
Trong JavaScript một văn bản như "John Doe" được gọi là một chuỗi.
Có rất nhiều loại của các biến JavaScript, nhưng bây giờ, chỉ cần nghĩ về số và chuỗi.
Khi bạn chỉ định một giá trị văn bản cho một biến, đặt dấu ngoặc kép hoặc đơn xung quanh giá trị.
Khi bạn chỉ định một giá trị số cho một biến, không đặt dấu ngoặc kép xung quanh giá trị. Nếu bạn đặt dấu ngoặc kép xung quanh một giá trị số, nó sẽ được xử lý như văn bản.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<script>
var pi=3.14;
var person="John Doe";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(person + "<br>");
document.write(answer + "<br>");
</script>
</body>
</html>
Thử nó cho mình »
Tuyên bố (Tạo) Các biến JavaScript
Tạo ra một biến trong JavaScript thường được gọi là "tuyên bố" một biến.
Bạn khai báo các biến JavaScript với var từ khóa:
var carname;
Sau khi tuyên bố, biến rỗng (không có giá trị).
Để chỉ định một giá trị cho biến, sử dụng dấu bằng:
carname="Volvo";
Tuy nhiên, bạn cũng có thể chỉ định một giá trị cho biến khi bạn khai báo:
var carname="Volvo";
Trong ví dụ dưới đây chúng ta tạo ra một biến gọi là carname, gán giá trị "Volvo" với nó, và đặt giá trị trong đoạn HTML với id = "demo":
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>Click the button to create a variable, and display the result.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html>
Thử nó cho mình »
| Đó là một chương trình thực hành tốt để khai báo tất cả các biến mà bạn cần, ở một nơi, vào đầu code của bạn. |
|---|
Một bản Tuyên Bố, Nhiều biến
Bạn có thể khai báo nhiều biến trong một tuyên bố. Chỉ cần bắt đầu tuyên bố với var và tách biệt các biến bằng dấu phẩy:
var lastname="Doe", age=30, job="carpenter";
Tuyên bố của bạn cũng có thể kéo dài nhiều dòng:
var lastname="Doe",
age=30,
job="carpenter";
age=30,
job="carpenter";
Giá trị = không xác định
Trong các chương trình máy tính, các biến thường được công bố mà không có một giá trị. Giá trị có thể là cái gì đó phải được tính toán, hoặc cái gì đó sẽ được cung cấp sau đó, như người dùng nhập vào. Biến khai báo mà không có một giá trị sẽ có giá trị không xác định .
Biến carname sẽ có giá trị không xác định sau khi thực hiện các tuyên bố sau:
var carname;
Kê khai lại biến JavaScript
Nếu bạn lại khai báo một biến JavaScript, nó sẽ không mất đi giá trị của nó:.
Các giá trị của biến carname vẫn sẽ có giá trị " Volvo "sau khi thực hiện hai câu sau đây:
var carname="Volvo";
var carname;
var carname;
JavaScript số học
Như với đại số, bạn có thể làm phép tính với các biến JavaScript, sử dụng khai thác như = và +:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>Given that y=5, calculate x=y+2, and display the result.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html>
Thử nó cho mình »
Bạn sẽ tìm hiểu thêm về các nhà khai thác JavaScript trong một chương sau của hướng dẫn này.
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét