Ở bài Tìm hiểu kiểu dữ liệu trong Javascript chúng ta đã được biết qua cách để khai báo và sử dụng Javascript rồi. Trong đó, chúng ta cũng tìm hiểu sơ lược về các kiểu dữ liệu phổ biến bên trong Javascript cũng như đại đa số các ngôn ngữ lập trình khác đều có. Thì trong bài học này, chúng ta sẽ tìm hiểu về phạm vi hoạt động của biến.
Continue reading Bài 2: Phạm vi hoạt động của biến trong Javascript
(Theo Wikipedia)
Javascript có thể thực thi thông qua cách viết sau trong HTML:
<script type=”text/javascript”> //Đoạn code cần thực thi alert(“Hello World!”); </script>
Đoạn code trên sẽ hiển thị thông báo với dòng chữ “Hello World!” đã được định nghĩa.
Ngoài ra, Javascript còn được thực thi những dòng lệnh thông qua cách triệu gọi file Javascript được viết trước đó và lưu vào một file riêng với định dạng “.js”. Và cách gọi file Javascript sẽ được viết như sau:
<script type="text/javascript" src="http://www.TenWebsite.com/ThuMucChuaFile/TenFile.js"></script>
Câu hỏi: Vậy khi nào thì ta sử dụng cách viết trực tiếp trong HTML, khi nào thì ta nên viết trong file?
Trả lời: Khi cần thực hiện những công việc có quy mô và thời gian thực hiện ngắn thì chúng ta có thể viết trực tiếp trong HTML, nhưng ngược lại thì ta nên viết trong file và lưu lại như vậy sẽ tối ưu hơn.
Biến được dùng để lưu lại dữ liệu vào bộ nhớ nhằm xử lý một tác vụ nào đó. Và trong Javascript, biến có thể chứa nhiều kiểu dữ liệu khác nhau.
Cú pháp:
(Vui lòng bật F12 trên Chrome/Firefox và chuyển sang Tab Console để thấy kết quả)
<script type="text/javascript"> var a = 'Hello World!'; console.log(a); </script>
Kết quả:
Hello World!
Định nghĩa một biến bằng từ khoá “var” và “tênBiến” và sau đó chúng ta có phép gán là “=” để gán giá trị cho biến vừa đặt.
Kiểu dữ liệu trong Javascript rất đa dạng, vì thế nó cũng ít nhiều gây khó khăn với những người mới khi bước chân sâu vào Javascript.
Kiểu Số:
<script type="text/javascript"> var a = 5 + 10; console.log(a); </script>
Kết quả:
15
Kiểu chuỗi:
<script type="text/javascript"> var a = "Hello World!"; console.log(a); </script>
Kết quả:
Hello World!
Kiểu Mảng:
<script type="text/javascript">
var a = [5, "Hello World!", 10];
console.log('a[0]: ' + a[0]);
console.log('a[1]: ' + a[1]);
console.log('a[2]: ' + a[2]);
</script>
Kết quả:
a[0]: 5 a[1]: Hello World! a[2]: 10
Kiểu đối tượng:
<script type="text/javascript">
var giay = {
color: 'red',
size: 38,
quantity: 2
};
console.log('Color: ' + giay.color);
console.log('Size: ' + giay.size);
console.log('Quantity: ' + giay.quantity);
</script>
Kết quả:
Color: red Size: 38 Quantity: 2
Sau khi xem qua các kiểu dữ liệu cơ bản, chắc hẳn cũng khiến các bạn đôi phần thích thú về cách sử dụng giá trị bên trong Javascript rồi đúng không nào? Khá giống với cách sử dụng của PHP khi không cần phải định nghĩa chính xác kiểu biến được sử dụng (Integer, Float, Double…) như thế nào. Thay vào đó, chúng ta hoàn toàn có thể gán cho nó bất kể giá trị nào, kể cả một array, object hay thậm chí là function (Vấn đề này sẽ nói ở các bài học sau).
Trong bài sau, chúng ta sẽ đọc tiếp tới bài Phạm vi hoạt động của biến để có thể hiểu rõ hơn về cách sử dụng biến trong Javascript.