JavaScript - Cú pháp
JavaScript có thể được triển khai bằng cách sử dụng các câu lệnh JavaScript được đặt trong <script>... </script> Các thẻ HTML trong một trang web.
Bạn có thể đặt <script> , có chứa JavaScript của bạn, ở bất kỳ đâu trong trang web của bạn, nhưng thông thường bạn nên giữ nó trong <head> các thẻ.
Thẻ <script> cảnh báo chương trình trình duyệt bắt đầu thông dịch tất cả văn bản giữa các thẻ này dưới dạng tập lệnh. Một cú pháp đơn giản của JavaScript của bạn sẽ xuất hiện như sau.
<script ...>
JavaScript code
</script>Thẻ script có hai thuộc tính quan trọng:
Language- Thuộc tính này chỉ định ngôn ngữ kịch bản bạn đang sử dụng. Thông thường, giá trị của nó sẽ là javascript. Mặc dù các phiên bản gần đây của HTML (và XHTML, phiên bản kế nhiệm của nó) đã loại bỏ dần việc sử dụng thuộc tính này.
Type - Thuộc tính này hiện được khuyến nghị để chỉ ra ngôn ngữ kịch bản đang được sử dụng và giá trị của nó phải được đặt thành "text / javascript".
Vì vậy, phân đoạn JavaScript của bạn sẽ giống như -
<script language = "javascript" type = "text/javascript">
JavaScript code
</script>Mã JavaScript đầu tiên của bạn
Hãy để chúng tôi lấy một ví dụ mẫu để in ra "Hello World". Chúng tôi đã thêm một nhận xét HTML tùy chọn bao quanh mã JavaScript của chúng tôi. Điều này là để lưu mã của chúng tôi từ một trình duyệt không hỗ trợ JavaScript. Nhận xét kết thúc bằng "// ->". Ở đây "//" biểu thị một nhận xét trong JavaScript, vì vậy chúng tôi thêm vào đó để ngăn trình duyệt đọc phần cuối của nhận xét HTML dưới dạng một đoạn mã JavaScript. Tiếp theo, chúng tôi gọi một hàmdocument.write ghi một chuỗi vào tài liệu HTML của chúng tôi.
Chức năng này có thể được sử dụng để viết văn bản, HTML hoặc cả hai. Hãy xem đoạn mã sau.
<html>
<body>
<script language = "javascript" type = "text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>Đoạn mã này sẽ tạo ra kết quả sau:
Hello World!Khoảng trắng và ngắt dòng
JavaScript bỏ qua khoảng trắng, tab và dòng mới xuất hiện trong các chương trình JavaScript. Bạn có thể thoải mái sử dụng khoảng trắng, tab và dòng mới trong chương trình của mình và bạn có thể tự do định dạng và thụt lề chương trình của mình theo cách gọn gàng và nhất quán giúp mã dễ đọc và dễ hiểu.
Dấu chấm phẩy là tùy chọn
Các câu lệnh đơn giản trong JavaScript thường được theo sau bởi một ký tự dấu chấm phẩy, giống như trong C, C ++ và Java. Tuy nhiên, JavaScript cho phép bạn bỏ qua dấu chấm phẩy này nếu mỗi câu lệnh của bạn được đặt trên một dòng riêng biệt. Ví dụ: mã sau có thể được viết mà không có dấu chấm phẩy.
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10
var2 = 20
//-->
</script>Nhưng khi được định dạng trong một dòng như sau, bạn phải sử dụng dấu chấm phẩy -
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10; var2 = 20;
//-->
</script>Note - Đó là một thực hành lập trình tốt để sử dụng dấu chấm phẩy.
Phân biệt chữ hoa chữ thường
JavaScript là một ngôn ngữ phân biệt chữ hoa chữ thường. Điều này có nghĩa là các từ khóa ngôn ngữ, biến, tên hàm và bất kỳ số nhận dạng nào khác phải luôn được nhập với cách viết hoa nhất quán của các chữ cái.
Vì vậy, các định danh Time và TIME sẽ chuyển tải các ý nghĩa khác nhau trong JavaScript.
NOTE - Cần cẩn thận khi viết tên biến và hàm trong JavaScript.
Nhận xét bằng JavaScript
JavaScript hỗ trợ cả C-style và C ++ - style comment, Do đó -
Bất kỳ văn bản nào giữa // và cuối dòng đều được coi là nhận xét và bị JavaScript bỏ qua.
Bất kỳ văn bản nào giữa các ký tự / * và * / đều được coi là một nhận xét. Điều này có thể kéo dài nhiều dòng.
JavaScript cũng nhận dạng chuỗi mở bình luận HTML <! -. JavaScript xử lý điều này như một nhận xét một dòng, giống như nhận xét //.
Trình tự đóng nhận xét HTML -> không được JavaScript nhận dạng vì vậy nó phải được viết là // ->.
Thí dụ
Ví dụ sau đây cho thấy cách sử dụng chú thích trong JavaScript.
<script language = "javascript" type = "text/javascript">
<!--
// This is a comment. It is similar to comments in C++
/*
* This is a multi-line comment in JavaScript
* It is very similar to comments in C Programming
*/
//-->
</script>