Javascript là gì? Tại sao giờ đi đâu cũng gặp Javascript vậy? Từ Jquery, React, Vue, Nodejs… Trước khi bắt tay vào học Javascript, bạn cần hiểu và nắm được ngữ pháp javascript cơ bản. Show Cũng giống như bất kỳ ngôn ngữ lập trình khác, Javascript cũng có một bộ quy tắc cụ thể để viết mã. Các quy tắc này người ta gọi là cú pháp Javascript. Việc viết code đúng quy tắc sẽ giúp mã nguồn của bạn dễ đọc, ít bị bug hơn. Bài viết này, mình sẽ hướng dẫn các bạn những cú pháp Javascript cơ bản, để làm bước đệm cho việc học Javascript online sau này. Danh sách các bài viết trong Series 1. Giới thiệu về ngôn ngữ lập trình Javascript Trong quá trình giải thích các cú pháp, các bạn cố gắng tự thực hành viết lại đoạn mã ví dụ để vừa hiểu lý thuyết, vừa luyện cách viết code nhé. À trước đó bạn có thể tham khảo thêm về các khái niệm Javascript bài trước mình đề cập nhé! Nội dung chính của bài viết #Javascript là gì?Javascript là ngôn ngữ lập trình web. Nó có thể thêm mới và update cả HTML và CSS. Hiện nay, Javascript không chỉ gói gọn trong các ứng dụng front end trên trình duyệt, mà nó còn có thể phát triển cả ứng dụng cho desktop, mobile hay server. Javascript là ngôn ngữ lập trình phổ biến nhất hiện nayJavascript được hỗ trợ trên tất cả các trình duyệt như Firefox, Chrome, IE… Thậm chí các trình duyệt trên thiết bị di động cũng có hỗ trợ. Sự phổ biến của Javascript không thể không kể tới những góp sức của các thư viện đình đám.
Và còn rất rất nhiều thư viện khác nữa. Bạn có thể xem bảng xếp hạng 3 Javascript framework tốt nhất tại đây: Front end framework tốt nhất #Cú pháp Javascript cơ bảnTheo các hiểu thông thường, một chương trình máy tính là một tập danh sách các hướng dẫn (có thể gọi là statements) để máy tính thực thi. Và Javascript cũng vậy, chỉ khác một điều là các tập lệnh này cho trình duyệt thực hiện thay vì máy tính. Các câu lệnh Javascript không cần phải đặt trong dấu ngoặc đơn, hay ngoặc nhọn. Thậm chí, cuối mỗi câu lệnh cũng không cần dấu chấm phẩy. var a = 7; var b = 5; var c = a + b //Không cần dấu chấm phẩy cũng được 1. Cách đặt tên biến, hàmTrong Javascript, định danh (identifiers) được sử dụng để đặt tên biến, từ khóa, hàm và labels. Việc định danh nói chung là theo quy tắc sau:
Nói tóm lại, việc đặt tên biến, hàm… phải tuân theo quy tắc trên. var person; // Đúng var _person; // Đúng var __person; // Đúng var person1; // Đúng var 10persion; // Sai Lưu ý: Không được sử dụng chữ số làm ký tự đầu tiên khi đặt tên biến, hàm… Ngoài ra, các định danh có phân biệt chữ hoa với chữ thường nhé. // Đây là 2 biến hoàn toàn khác nhau. var Name = "Joe"; var name = "John"; Về quy tắc đặc tên các đinh danh, thì có nhiều trường phái khác nhau. Điển hình có 3 loại:
Camel case là trường phái được sử dụng phổ biến nhất, không chỉ Javascript mà cả các ngôn ngữ khác nữa. Và nhớ rằng, trong Javascript thì định danh thường bắt đầu với chữ thường (Ví dụ: firstName) 2. Cách khai báo biếnJavascript hỗ trợ 3 cách để khai báo một biến, đó là sử dụng các từ khóa: Trong đó:
👍 Đọc thêm về Javascript: 3 cách định nghĩa một hàm Javascript 3. Kiểu dữ liệu của biếnKhi bạn đọc đến phần khai báo biến, bạn sẽ thấy ngạc nhiên rằng: Không thấy định nghĩa kiểu dữ liệu của biến khi khai báo, vậy sao biết biến đó có kiểu dữ liệu là gì? Về vấn đề này thì Javascript không có chặt chẽ như Java. Với Javascript, kiểu dữ liệu sẽ được xác định một cách tự động khi chương trình thực thi. Điều này có nghĩa là một biến có thể có nhiều kiểu dữ liệu ở những thời điểm khác nhau. var myTest = 123 ; // myTest là một số var myTest = "Xin chào các bạn độc giả VNTALKING "; //myTest là một string/text var myTest = false; // myTest là một boolean Theo tiêu chuẩn ES7, có 7 kiểu dữ liệu: Kiểu boolean Kiểu null Kiểu undefined Kiểu số (int) Kiểu chuỗi (String) Kiểu Symbol (mới trong ECMAScript 6) Kiểu đối tượng (Object) 4. Toán tử trong JavascriptĐể định nghĩa toán tử là gì thì thật là khó. Để mình lấy một ví dụ cụ thể cho dễ hiểu nhé: // Ta có phép tính như sau: const a = 5 const b = 6 var c = a + b console.log("c = " + c) //màn hình console sẽ in ra: c = 11 Trong ví dụ trên, ta thấy phép tính a + b, thì phép tính cộng ấy được gọi là toán tử (operator). Javascript hỗ trợ đầy đủ các loại toán tử tính toán và kết hợp. Dưới đây là bảng tất cả các toán tử được hỗ trợ: Các loại toán tử trong Javascript5. Comment trong JavascriptComment chứ không phải “Comment”Trong bất kể ngôn ngữ thì comment là một phần không thể thiếu. Comment không chỉ giúp cho người đọc mã nguồn nhanh chóng hiểu được ý nghĩa của hàm, biến đó làm gì. Comment còn giúp bạn xuất ra tài liệu hướng dẫn, mô tả về code (thường áp dụng cho các thư viện muốn làm tài liệu mô tả APIs). Comment không được thực thi bởi trình duyệt. vì vậy, bạn thoải mái mà viết chú thích mà không sợ code bị lỗi hay in ra màn hình. Javascript hỗ trợ 2 kiểu comment: Single Line Comments (comment một dòng) và Multi-line Comments (comment nhiều dòng). Bạn có thể xem minh họa bên dưới để hiểu rõ hơn. var x = 5; // Khai báo biến x và cung cấp giá trị cho nó là 5 // Khai báo biến y và cung cấp giá trị cho nó là x+ 2 var y = x + 2; /* Đây là ví dụ về comment trên nhiều dòng trong JavaScript code */ document.getElementById("test_el").innerHTML = "Some text"; document.getElementById("test_el2").innerHTML = "More text"; Lưu ý: Dạng comment nhiều dòng (hay còn gọi là block comment) thường được dùng để xuất ra các tài liệu mô tả. Một vài lời khuyên của mình về comment:
#Tổng kếtQua đây, bạn đã biết Javascript là gì, cú pháp javascript cơ bản rồi đúng không? Tất cả mới chỉ là bước đầu thôi. Nếu bạn quyết định học Javascript online thì mình khuyên bạn nên kiên trì và đừng quên theo dõi các bài viết tiếp theo trong series học Javascript cơ bản của mình nhé. Xem tiếp các bài trong SeriesPhần kế tiếp: Kiểu dữ liệu và hàm (Function) trong JavascriptĐăng kí nhận sách dạy kiếm tiền từ ứng dụng di động Bạn đã bao giờ tự hỏi Hà Đông kiếm tiền tỷ từ Flappy Bird như nào không? Bạn biết cách lập trình nhưng lại không biết làm sao để kiếm được tiền từ nó? Hiện cuốn sách đang bán rất chạy trên Amazon với giá 9.99$. Bạn có muốn nhận cuốn sách này để học kiếm tiền không? Đăng kí để nhận miễn phí nhé
Bài trướcSử dụng thư viện Vuex để quản lý State trong VueJS Bài tiếp theo[Free] Tặng sách App Secrets: How To Create A Million Dollar App Sơn Dương Tên đầy đủ là Dương Anh Sơn. Tốt nghiệp ĐH Bách Khoa Hà Nội. Mình bắt đầu nghiệp coder khi mà ra trường chẳng xin được việc đúng chuyên ngành. Mình tin rằng chỉ có chia sẻ kiến thức mới là cách học tập nhanh nhất. Các bạn góp ý bài viết của mình bằng cách comment bên dưới nhé ! |