Hướng dẫn javascript syntax - cú pháp javascript

Hướng dẫn javascript syntax - cú pháp javascript

Đã đăng vào thg 6 21, 2020 6:09 SA 4 phút đọc 4 phút đọc

Trong hướng dẫn này, mình sẽ hướng dẫn bạn tìm hiểu về cú pháp JavaScript bao gồm phân biệt chữ hoa chữ thường, số nhận dạng, nhận xét, câu lệnh và biểu thức.

JavaScript is case-sensitive

Mọi thứ trong JavaScript bao gồm các biến, tên hàm, tên lớp và toán tử đều phân biệt chữ hoa chữ thường.

Vd: Như hai biến dưới đây là khác nhau hoàn toàn

Counter

với

counter

Tương tự như vậy, bạn không thể sử dụng

counter
3 làm tên của hàm vì nó là một từ khóa. Tuy nhiên
counter
3 là một tên hàm hợp lệ

Identifiers

Một định danh là tên của một biến, hàm, tham số hoặc lớp. Mã định danh bao gồm một hoặc nhiều ký tự theo định dạng sau:

  1. Ký tự đầu tiên phải là một chữ cái (a-z hoặc A-Z), dấu gạch dưới (_) hoặc ký hiệu đô la ($).
  2. Các ký tự khác có thể là chữ cái (a-z, A-Z), số (0-9), dấu gạch dưới (_) và ký hiệu đô la ($).

Tên được đặt theo kiểu lạc đà (camel case) là rất tốt. Chữ cái đầu viết thường và từ thứ hai trở đi viết hoa chữ cái đầu

VD: Như các tên dưới đây

counter
inArray
beginWith
redirectPage

Comments

Javascript hôc trợ comments một dòng hay một khối

VD: Nhận xét một dòng bắt đầu bằng ký tự gạch chéo

counter
5

// this is a single-line comment

Nhận xét khối bắt đầu bằng dấu gạch chéo và dấu hoa thị (/*) và kết thúc ngược lại như sau:

/*
* This is a block comment that can
* span multiple lines
*/

Khi các bạn viết code một chức năng nào đó thì các bạn nên để lại nhận xét cho đoạn code đó là làm gì để cho khi người khác vào đọc code của bạn có thể hiểu được đoạn code xử lý cái gì.

Statements

Mặc dù JavaScript không yêu cầu kết thúc câu lệnh bằng dấu chấm phẩy ( ; ), nhưng luôn luôn nên sử dụng dấu chấm phẩy để kết thúc câu lệnh.

Lý do là dấu chấm phẩy sẽ làm cho mã của bạn dễ đọc hơn và giúp bạn tránh được nhiều vấn đề mà bạn có thể gặp phải.

var a = 20;
var b = 10;

Bạn có thể sử dụng một khối mã bắt đầu bằng dấu ngoặc nhọn trái ({) và kết thúc bằng dấu ngoặc nhọn phải (}) để kết hợp nhiều câu lệnh như sau:

if( a > b) {
   console.log('a is greater than b');
   return true;
}

Expressions

Biểu thức là một đoạn mã đánh giá một giá trị.

Ví dụ:

2 + 1

Biểu thức trên trả về 3 vì vậy nó là biểu thức hợp lệ.

Giả sử bạn có hai biến a và b, sau đây minh họa một biểu thức liên quan đến a và b:

a + b

Keywords

JavaScript định nghĩa một danh sách các từ khóa có công dụng đặc biệt.

Bạn không thể sử dụng các từ khóa phía dưới làm định danh. Danh sách các từ khóa JavaScript hoàn chỉnh như sau:

  • break, export, super, case, extends, switch
  • catch, finally, typeof, class, for, this, const, function, throw
  • continue, if, try, debugger, import, var, default, in, void
  • delete, instanceof, while,
  • do, new, with, else, return, yield

Bây giờ bạn đã hiểu rõ về cú pháp JavaScript bao gồm đặt tên định danh, xây dựng câu lệnh và nhận xét code.

Mình hy vọng bài viết trên có thể giúp các bạn hiểu rõ hơn về cú pháp javascript.

Cảm ơn các bạn đã đọc bài viết của mình. Hẹn các bạn ở các bài tiếp theo

Hướng dẫn javascript syntax - cú pháp javascript
Hướng dẫn javascript syntax - cú pháp javascript

All rights reserved

Trong bài viết hướng dẫn tự học Javascript này, bạn sẽ học cách viết code JavaScript, sử dụng cú pháp Javascript cơ bản.tự học Javascript này, bạn sẽ học cách viết code JavaScript, sử dụng cú pháp Javascript cơ bản.

Hướng dẫn javascript syntax - cú pháp javascript

Tìm hiểu Cú pháp Javascript cơ bản

Hiểu cú pháp Javascript

Cú pháp của JavaScript là tập hợp các quy tắc xác định chương trình JavaScript có cấu trúc chính xác. là tập hợp các quy tắc xác định chương trình JavaScript có cấu trúc chính xác.

Một JavaScript bao gồm các câu lệnh JavaScript được đặt trong các thẻ HTML trong một trang web hoặc trong tệp JavaScript bên ngoài có phần mở rộng .js. trong một trang web hoặc trong tệp JavaScript bên ngoài có phần mở rộng .js.

Ví dụ sau đây cho thấy các câu lệnh JavaScript trông như thế nào:

var x = 5;
var y = 10;
var sum = x + y;
document.write(sum); // In ra tổng x + y

Bạn sẽ tìm hiểu ý nghĩa của từng câu lệnh trong các chương sắp tới.

Viết Hoa - thường trong Javascript

JavaScript phân biệt chữ hoa chữ thường. Điều này có nghĩa là các biến, từ khóa ngôn ngữ, tên hàm và các mã định danh khác phải luôn được nhập với chữ viết nhất quán.. Điều này có nghĩa là các biến, từ khóa ngôn ngữ, tên hàm và các mã định danh khác phải luôn được nhập với chữ viết nhất quán.

Ví dụ, biến myVar phải được gõ myVar chứ không phải MyVar hoặc myvar.myVar phải được gõ myVar chứ không phải MyVar hoặc myvar.

Tương tự, tên phương thức getEuityById() phải được nhập với trường hợp chính xác không phải là getEuityByID().getEuityById() phải được nhập với trường hợp chính xác không phải là getEuityByID().

counter
0

Nếu bạn kiểm tra bảng console trong trình duyệt bằng cách nhấn phím f12 trên bàn phím, bạn sẽ thấy một dòng giống như thế này: 'Uncaught ReferenceError: MyVar is not undefined'.

Comment trong Javascript

Một comment (nhận xét) chỉ đơn giản là một dòng văn bản hoàn toàn bị bỏ qua bởi trình thông dịch JavaScript. (Có nghĩa là Comment đoạn code thì đoạn code đó sẽ không hoạt động nữa)

Comment thường được thêm vào với mục đích cung cấp thêm thông tin liên quan để người đọc có thể hiểu code có ý nghĩa gì.

Nó sẽ không chỉ giúp bạn hiểu code của bạn khi bạn làm việc với chúng trong một khoảng thời gian mà còn giúp các lập trình viên khác có thể hiểu bạn đang viết gì để phối hợp, sửa chữa, tiếp nhận.

JavaScript hỗ trợ comment dòng đơn cũng như các comment nhiều dòng. Comment một dòng bắt đầu bằng dấu gạch chéo kép (//), theo sau là văn bản nhận xét. Đây là một ví dụ:comment dòng đơn cũng như các comment nhiều dòng. Comment một dòng bắt đầu bằng dấu gạch chéo kép (//), theo sau là văn bản nhận xét. Đây là một ví dụ:

counter
1

Trong khi đó, một comment nhiều dòng bắt đầu bằng dấu gạch chéo và dấu hoa thị (/*) và kết thúc bằng dấu hoa thị và dấu gạch chéo (*/). Đây là một ví dụ về một comment nhiều dòng.comment nhiều dòng bắt đầu bằng dấu gạch chéo và dấu hoa thị (/*) và kết thúc bằng dấu hoa thị và dấu gạch chéo (*/). Đây là một ví dụ về một comment nhiều dòng.

counter
2

Lời kết

Như vậy, qua bài này bạn đã biết về một số cú pháp cơ bản của Javascript, cách comment một dòng, comment đa dòng và nguyên tắc phân biệt Hoa - thường trong Javascript.cú pháp cơ bản của Javascript, cách comment một dòng, comment đa dòng và nguyên tắc phân biệt Hoa - thường trong Javascript.

Chúng ta sẽ làm quen nhiều hơn với cú pháp Javascript trong các ví dụ trong những bài học kế tiếp.cú pháp Javascript trong các ví dụ trong những bài học kế tiếp.