Nếu bạn đang muốn học cách viết JavaScript, bạn đã đến đúng nơi.
Mọi ngôn ngữ lập trình đều có bộ quy tắc riêng, giống như tiếng Anh. Hãy suy nghĩ về nó. Khi còn học tiểu học, bạn đã học các quy tắc ngữ pháp để cấu trúc câu.
Cũng giống như tiếng Anh, ngôn ngữ lập trình tuân theo các quy tắc để đảm bảo mọi người có thể hiểu những gì đang được nói. Hãy tưởng tượng nếu tất cả chúng ta có thể tạo ra các quy tắc của riêng mình khi sử dụng tiếng Anh. Không ai có thể giao tiếp. Tương tự, các ngôn ngữ lập trình rất nghiêm ngặt về các quy tắc để mã bạn viết có thể được thực thi.
Trong hướng dẫn này, chúng ta sẽ thảo luận về cú pháp JavaScript. Cú pháp đề cập đến tập hợp các quy tắc xác định cách mã được viết bằng JavaScript.
Tại sao Cú pháp lại quan trọng?
Trong JavaScript, có một số quy tắc cú pháp bạn cần tuân theo. Ví dụ:nếu bạn không đóng một dấu ngoặc sau khi mở một dấu ngoặc, một lỗi sẽ được trả về. Máy tính không thể tiếp tục chạy chương trình của bạn vì nó không hiểu bạn đang yêu cầu máy tính làm gì.
Điều này tạo nên sự khác biệt quan trọng giữa máy tính và con người:trong khi con người có thể xác định lỗi không thường xuyên và bỏ qua lỗi đó, máy tính không thể làm như vậy khi chạy mã bằng bất kỳ ngôn ngữ lập trình nào. Đó là lý do tại sao điều quan trọng là bạn phải viết mã bằng cú pháp của ngôn ngữ lập trình mà bạn đang làm việc.
Cú pháp cũng làm cho mã của bạn dễ đọc hơn. Khi mọi người sử dụng cùng một cú pháp, thật dễ dàng để diễn giải các chương trình của người khác. Cũng giống như tiếng Anh, một khi bạn biết các quy tắc cơ bản, không có dòng mã nào bạn không thể đọc được.
Trong hướng dẫn này, chúng tôi sẽ tập trung vào các đặc điểm sau của cú pháp:
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
- Khoảng trắng
- Đặt tên cho các biến
- Thụt lề
- Nhận xét
- Dấu chấm phẩy
Hãy bắt đầu!
Khoảng trắng
Các lập trình viên tranh luận về khoảng trắng lặp đi lặp lại. Đó là một chủ đề gây tranh cãi. Bỏ qua những cuộc tranh luận đó trong một phút, có một quy tắc chính bạn cần nhớ khi nói đến cú pháp trong JavaScript:bạn nên có khoảng cách giữa các biến, trước và sau dấu ngoặc đơn.
Giả sử bạn đang viết for vòng:
for (var i = 0; i < 4; i++) {
console.log(i);
}
Vòng lặp này in ra tất cả các số trong khoảng từ 0 đến 4 cho bảng điều khiển. Như bạn có thể thấy, có một khoảng trống giữa for của chúng tôi chìa khóa và dấu ngoặc mở của for vòng. Có một khoảng trắng giữa dấu ngoặc nhọn đóng (() và dấu ngoặc nhọn mở ({). Cũng có một khoảng trắng giữa tất cả các câu lệnh trong các dấu ngoặc này:
- var i =0;
- tôi <4;
Khi bạn chỉ định một biến bên ngoài for lặp lại, bạn sẽ sử dụng cùng một cách tiếp cận:
var cookie = “Raspberry Chocolate Chip”;
Thêm dấu cách giữa các biến giúp bạn dễ dàng đọc mã của mình.
Thụt lề
Không giống như các ngôn ngữ lập trình khác, bạn có thể viết một chương trình JavaScript trên một dòng. Đó không phải là một ý tưởng hay - hãy nghĩ xem bạn sẽ khó đọc mã của mình như thế nào - nhưng bạn vẫn có thể làm được.
Mọi câu lệnh nằm trong một khối mã - chẳng hạn như if câu lệnh điều kiện hoặc một lớp - nên được thụt lề. Thụt lề đề cập đến việc thêm hai dấu cách, bốn dấu cách hoặc một tab ở đầu mã của bạn. Có rất nhiều cuộc tranh luận giữa các lập trình viên về điều gì là tốt nhất, nhưng miễn là bạn duy trì tính nhất quán trên toàn bộ mã của mình, bạn sẽ không gặp khó khăn gì.
Đây là for vòng:
for (var i = 0; i < 4; i++) {
console.log(i);
}
Bạn có thể thấy thuật ngữ console.log() đã được thụt lề bằng cách sử dụng một tab. Đó là bởi vì nó được chứa trong dấu ngoặc nhọn của chúng tôi. Điều này giúp phân biệt nội dung của vòng lặp for với phần còn lại của mã. Nếu chúng ta có một khối mã khác trong mã của mình, chẳng hạn như if tuyên bố, chúng tôi sẽ thụt lề nội dung của nó nhiều hơn:
for (var i = 0; i < 4; i++) {
if (i === 3) {
console.log(i);
}
}
Mã này in ra giá trị của i nếu nó bằng ba. Nếu không, không có gì xảy ra. Trong đoạn mã này, if của chúng tôi câu lệnh được thụt vào trong một tab vì nó nằm trên for của chúng tôi vòng. console.log() của chúng tôi câu lệnh được thụt vào trong hai tab vì nó nằm trong if của chúng tôi câu lệnh, chính nó được chứa trong for của chúng tôi tuyên bố.
Nhận xét
Nhận xét là các tuyên bố được viết bởi các nhà phát triển, dành cho các nhà phát triển. Về mặt kỹ thuật, chúng được đọc bởi JavaScript, nhưng chúng sẽ không được thực thi.
Mục đích của nhận xét là giúp các nhà phát triển theo dõi mã của họ. Nếu bạn đang triển khai một hàm phức tạp, bạn có thể viết một vài nhận xét để bạn biết từng phần của hàm thực hiện những gì. Nhận xét cũng thường được sử dụng trong các dự án cộng tác để mọi nhà phát triển có thể hiểu một chương trình, ngay cả khi họ không tự viết ra chương trình đó.
Trong JavaScript, nhận xét được viết bằng cách sử dụng dấu gạch chéo kép, theo sau là nhận xét:
// This is a comment that will be skipped over by JavaScript!
Tất cả các ký tự tiếp theo sau dấu gạch chéo đôi được coi là một nhận xét. Để tạo một bình luận kéo dài nhiều dòng, bạn có thể sử dụng cú pháp sau:
/* This is a comment that spans multiple lines. */
Mọi văn bản giữa / * và * / sẽ bị trình biên dịch JavaScript bỏ qua.
Đặt tên biến
Có nhiều cách khác nhau để bạn có thể đặt tên cho một biến. Ba phương pháp phổ biến nhất là sử dụng vỏ lạc đà trên, vỏ lạc đà dưới và gạch dưới.
Trong JavaScript, hầu hết các nhà phát triển thích sử dụng chữ hoa lạc đà thấp hơn để đặt tên cho các biến:
firstName, surname, isAdmin
Khai báo các biến trong JavaScript trông giống như sau:
var firstName = “Tony”;
Loại biến bạn đang sử dụng (trong trường hợp này là var) được theo sau bởi tên của biến, sau đó là dấu bằng, sau đó là giá trị bạn muốn lưu trữ trong biến.
Từ đầu tiên trong một biến phải bắt đầu bằng một chữ cái viết thường, ngay cả khi biến chỉ bao gồm một từ. Từ thứ hai và tất cả các từ tiếp theo phải bắt đầu bằng chữ hoa, như bạn có thể thấy ở trên.
Mặc dù bạn có thể viết các biến bằng các phương thức khác (như “first_name” trong dấu gạch dưới hoặc “FirstName” trong chữ hoa lạc đà), nhưng việc làm như vậy không phổ biến trong JavaScript.
Các biến trong JavaScript phân biệt chữ hoa chữ thường. Điều này có nghĩa là firstName và firstname , trong khi chứa các ký tự cơ bản giống nhau, sẽ được xử lý khác nhau.
Có một số từ được gọi là "từ dành riêng" mà bạn không thể sử dụng làm tên biến. Đây là những từ có một chức năng đặc biệt trong JavaScript. Ví dụ:bạn không thể đặt tên cho một biến là “class” hoặc “for”, bởi vì những biến này đã được sử dụng trong ngôn ngữ.
Bạn có thể tìm thấy danh sách các từ khóa JavaScript dành riêng trên Mạng nhà phát triển Mozilla.
Dấu chấm phẩy
Trong tiếng Anh, mỗi câu đều kết thúc bằng dấu chấm; một điểm dừng đầy đủ. Điều này cho chúng ta biết khi nào nên ngừng đọc một câu và bắt đầu một câu khác. Nếu bạn nghĩ lại những ngày học tiểu học của mình, có lẽ bạn đã từng được nghe nói rằng những câu nói là một nơi để dừng lại và lấy hơi.
Các chương trình máy tính không cần phải thực hiện, nhưng chúng cần biết cách các câu lệnh được tách ra trong một chương trình. Trong JavaScript, hầu hết các câu lệnh kết thúc bằng dấu chấm phẩy:
var cookie = “Chocolate Fudge”;
Bạn không cần chỉ định dấu chấm phẩy sau bất kỳ câu lệnh khối nào. Đây là những câu lệnh như class, switch, do, if và for. Các câu lệnh này sử dụng dấu ngoặc nhọn để lưu trữ mã của chúng:
function addNumbers(one, two) {
return one + two;
}
Trong mã này, bạn có thể thấy rằng chúng tôi đã kết thúc return câu lệnh có dấu chấm phẩy. Đó là bởi vì nó nằm trong chức năng của chúng tôi. Hàm của chúng ta không kết thúc bằng dấu chấm phẩy.
Kết luận
Có rất nhiều quy tắc trong ngôn ngữ lập trình JavaScript. Mỗi quy tắc này đảm bảo rằng bạn viết mã cả bạn và trình duyệt đều có thể đọc được. Nếu bạn đang làm việc trong một nhóm, điều đặc biệt quan trọng là phải tuân thủ các quy tắc cú pháp của JavaScript.
Dưới đây là tóm tắt về các quy tắc chính mà chúng tôi đã đề cập:
- Tất cả các câu lệnh trong khai báo biến hoặc sau từ khóa như “for” hoặc “if” phải được phân tách bằng khoảng trắng.
- Các câu lệnh nằm trong một khối mã (tức là "if", "else") phải được thụt lề.
- Tên biến phải sử dụng chữ hoa camel thường và không được giống với bất kỳ từ khoá dành riêng nào.
- Mọi câu lệnh, ngoài các câu lệnh khối, phải kết thúc bằng dấu chấm phẩy.
- // có thể được sử dụng để viết nhận xét một dòng và / * * / có thể được sử dụng để viết nhận xét kéo dài nhiều dòng.
Bây giờ bạn đã sẵn sàng để bắt đầu viết mã bằng JavaScript như một nhà phát triển chuyên nghiệp!