Mục lục[Ẩn giấu][Chỉ]
- 1. Nâng cao kiến thức cơ bản của bạn
- 2. Sử dụng chiến lược hướng đối tượng
- 3. Sử dụng các chức năng ngay cả khi chúng nhỏ
- 4. Thay vì ==, hãy sử dụng ===
- 5. Sử dụng JSLint
- 6. Tập lệnh nên được đặt ở cuối trang của bạn
- 7. Cách nhanh nhất để tạo chuỗi
- 8. Thêm nhận xét vào mã của bạn
- 9. Sử dụng các chữ mẫu
- 10. Trình lặp và cho… of Loops
- 11. Sử dụng {} Thay vì Đối tượng mới ()
- 12. Cân nhắc đặt let và const trong mã của bạn
- 13. eval () Không phải là một ý tưởng tốt
- 14. Toán tử Spread có ích
- 15. chờ đợi và không đồng bộ
- 16. Sử dụng phương thức include () trong Javascript
- 17. Xóa các mục khỏi một mảng bằng Splice
- 18. Sử dụng chức năng mũi tên
- 19. Với Hủy cấu trúc, bạn có thể nhanh chóng gán các giá trị biến
- 20. Thực hiện một số dự án
- Kết luận
Nếu bạn đã từng quan tâm đến phát triển web, chắc hẳn bạn đã bắt gặp JavaScript. Một ngôn ngữ lập trình hướng đối tượng là JavaScript. Các nhà phát triển sử dụng nó để làm cho phía máy khách (giao diện người dùng) của các trang web trở nên động và tương tác.
Nó cũng được sử dụng để tạo các trang web và ứng dụng web, với HTML và CSS. Không có trang web nào trên internet ngày nay không có mã JavaScript. Nó trở thành một khía cạnh không thể tách rời trong công việc của một nhà phát triển.
Thật vậy, nó đang tăng dần đều. Mặc dù JavaScript được công nhận tốt nhất để cung cấp chức năng cho các trang web, nó cũng được sử dụng trong các môi trường không phải JavaScript. Node.js, Apache Couch-DB và Adobe Acrobat là những ví dụ về các công nghệ này. Để chạy JavaScript, hầu hết các trình duyệt web hiện đại đều chứa một công cụ thực thi JavaScript được tích hợp sẵn. Nếu bạn muốn trở thành một nhà phát triển web thành công, bạn sẽ phải đối phó với JavaScript.
Bạn phải giải quyết nó hôm nay hoặc ngày mai. Tại sao không học JavaScript trước để bạn chuẩn bị tinh thần khi thời điểm đến?
Đây là những gì bạn sẽ học trong phần này. Nó giải thích cách luôn đi trước một bước so với các nhà phát triển web đồng nghiệp của bạn bằng cách đánh bóng JavaScript của bạn.
Hãy bắt đầu nào!
1. Nâng cao kiến thức cơ bản của bạn
Tôi sẽ bắt đầu với một suy nghĩ và tuyên bố thực sự cơ bản mà bạn đã nghe từ khi còn nhỏ. Tìm hiểu các nguyên tắc cơ bản và áp dụng chúng vào thực tế. Nhiều lần, bạn sẽ áp dụng logic với mã hóa, nhưng bạn sẽ quên rằng đã có một hàm tích hợp sẵn cho nó, chẳng hạn như cắt một mảng. Khi bạn chạy mã JavaScript, bạn có thể gặp lỗi và kết quả là nhiều tính năng bổ sung ngừng hoạt động.
Điều này có thể được gây ra bởi một dấu hai chấm hoặc dấu phẩy ngược. Những điều này xảy ra do thiếu hiểu biết về các nguyên tắc cơ bản. Nhiều lần trong một chương trình, một vòng lặp cơ bản như for, which hoặc do while được sử dụng. Vòng lặp là một trong những cấu trúc lập trình cơ bản nhất.
Rất khó để viết mã và thậm chí có cơ hội làm việc cho một công ty nếu bạn không quen với looping và các nguyên tắc cơ bản khác. Việc hoàn thiện các nguyên tắc cơ bản của bạn là rất quan trọng vì chúng cung cấp một nền tảng vững chắc để phát triển tính logic và danh tiếng phức tạp của một giải pháp.
2. Sử dụng chiến lược hướng đối tượng
Phương pháp hướng đối tượng là phương pháp lập trình nổi tiếng nhất hiện nay. Cách tiếp cận hướng đối tượng, bắt đầu với C ++, đã trở nên phổ biến hơn rất nhiều kể từ đó. Ngày nay, chỉ có lập trình hướng đối tượng được sử dụng để tạo ra tất cả các ngôn ngữ chính. Chiến lược hướng đối tượng là chiến lược tập trung vào một đối tượng cụ thể.
Vật phẩm sau đó trở thành một thực thể cơ bản. Đối tượng này sau đó được sử dụng để thêm các thuộc tính và chức năng vào trang làm cơ sở. Bạn cũng có thể sử dụng phương pháp truyền thống để tạo mã từ trên xuống dưới mà không cần bất kỳ chức năng hoặc đối tượng nào. Điều này là quá rộng và không bao giờ được thử. Khi phát triển mã, chúng ta nên sử dụng cách tiếp cận chức năng và nếu chúng ta sử dụng các chức năng, chúng ta nên sử dụng các đối tượng.
Vì vậy, ngay từ đầu, hãy cố gắng chuyển đổi mã mở rộng của bạn sang mã hướng đối tượng và luôn viết mã của bạn theo kiểu hướng đối tượng. Khi bạn nghiên cứu mã của người khác, bạn sẽ liên tục xem xét các kỹ thuật hướng đối tượng. Nếu bạn muốn thành thạo JavaScript, tốt nhất là bạn nên bắt tay vào làm.
3. Sử dụng các chức năng ngay cả khi chúng nhỏ
Lập trình với cách tiếp cận chức năng là một cách tuyệt vời để đi. Tại sao? Nó phân tách phần mềm của bạn thành các mô-đun hoạt động cùng nhau nhưng vẫn khác biệt với nhau. Hãy để tôi cho bạn một ví dụ để giúp bạn hiểu.
Bình phương trung bình gốc của các số nguyên có thể được tính bằng một hàm. Để làm như vậy, bạn phải bình phương các số nguyên, tính giá trị trung bình của chúng và sau đó tính căn bậc hai của giá trị trung bình. Có ba giai đoạn trong quá trình này. Kết quả là, chúng tôi có thể sử dụng ba chức năng. Tuy nhiên, như bạn có thể thấy, tất cả các chức năng này được kết nối với nhau. Đầu ra của cái này được gửi đến cái khác, và chúng tôi nhận được kết quả cuối cùng.
Hãy giả sử rằng thay vì ba hàm, bạn chỉ cần một hàm để tính toán RMS dựa trên nhiều yếu tố. Giải pháp cuối cùng, như bạn có thể thấy, là không chính xác. Sẽ khá khó khăn để bạn xác định điều gì đã xảy ra trong một sự kiện lớn như vậy vào thời điểm này.
Mặt khác, có ba chức năng nhỏ sẽ cho phép bạn phân tích nhanh chóng. Kết quả là, ngay cả khi các chức năng khiêm tốn, hãy sử dụng chúng để xác định các mô-đun mã riêng biệt. Kỹ thuật này sẽ giúp bạn trở thành một chuyên gia JavaScript như một phép thuật.
Bây giờ, chúng ta hãy xem xét một số mẹo viết mã JavaScript.
4. Thay vì ==, hãy sử dụng ===
Trong JavaScript, có hai loại toán tử bình đẳng: toán tử bình đẳng nghiêm ngặt === và! == và toán tử bình đẳng không nghiêm ngặt == và! =. Khi so sánh, nó được coi là phương pháp hay nhất để luôn sử dụng sự bình đẳng chính xác. Tuy nhiên, khi làm việc với == và! =, Bạn sẽ gặp vấn đề khi xử lý các loại khác nhau.
Khi các loại giá trị mà bạn đang so sánh khác nhau, các toán tử không nghiêm ngặt sẽ cố gắng ép buộc các giá trị của chúng, điều này có thể dẫn đến kết quả không mong muốn.
5. Sử dụng JSLint
Douglas Crockford đã tạo ra JSLint, một trình gỡ lỗi. Chỉ cần đặt tập lệnh của bạn vào hộp và nó sẽ nhanh chóng quét nó để tìm bất kỳ lỗi hoặc sai sót nào.
JSLint kiểm tra một tệp nguồn JavaScript. Nếu một vấn đề được phát hiện, nó sẽ gửi một thông báo với mô tả về vấn đề và vị trí gần đúng trong nguồn. Vấn đề không phải lúc nào cũng là lỗi cú pháp, mặc dù nó thường xuyên xảy ra.
JSLint kiểm tra cả các quy tắc phong cách và các vấn đề về cấu trúc. Nó không có nghĩa là phần mềm của bạn là chính xác. Nó chỉ thêm một cặp mắt khác để hỗ trợ phát hiện các vấn đề. Trước khi bạn đăng ký một tập lệnh, hãy chạy nó qua JSLint để đảm bảo rằng bạn không mắc phải bất kỳ lỗi nào.
6. Tập lệnh nên được đặt ở cuối trang của bạn
Mục đích chính của người dùng là tải trang càng nhanh càng tốt. Trình duyệt không thể tiếp tục tải tập lệnh cho đến khi tệp hoàn chỉnh đã được tải. Do đó, người dùng sẽ phải đợi lâu hơn để xem bất kỳ tiến trình nào.
Nếu bạn có các tệp JS chỉ được sử dụng để cung cấp chức năng (ví dụ: khi một nút được nhấn), hãy đặt chúng ở cuối trang, ngay trước thẻ đóng nội dung. Đây chắc chắn là cách thực hành tốt nhất.
7. Cách nhanh nhất để tạo chuỗi
Khi bạn cần lặp xung quanh một mảng hoặc đối tượng, không phải lúc nào cũng sử dụng câu lệnh vòng lặp for đáng tin cậy của bạn. Sử dụng trí tưởng tượng của bạn để đưa ra giải pháp nhanh nhất cho nhiệm vụ trong tầm tay. Tôi sẽ không mang lại cho bạn những con số; bạn chỉ cần tin tưởng tôi (hoặc tự kiểm tra).
Đây là kỹ thuật nhanh nhất cho đến nay.
8. Thêm nhận xét vào mã của bạn
Thoạt đầu nó có vẻ vô nghĩa, nhưng hãy tin tôi khi tôi nói rằng bạn nên bình luận về mã của mình thường xuyên nhất có thể. Điều gì sẽ xảy ra nếu bạn quay lại dự án vài tháng sau đó và không thể nhớ lại quá trình suy nghĩ ban đầu của mình?
Điều gì sẽ xảy ra nếu mã của bạn phải được cập nhật bởi một trong những đồng nghiệp của bạn? Các khu vực quan trọng trong mã của bạn phải luôn được nhận xét.
9. Sử dụng các chữ mẫu
Ràng buộc của các chuỗi được tạo với dấu ngoặc kép hoặc đơn là rất nhiều. Để làm việc với chúng dễ dàng hơn nhiều, bạn có thể chọn thay thế một số chuỗi của mình bằng các ký tự mẫu.
Ký tự backtick (') được sử dụng để xây dựng các ký tự mẫu, có một số ưu điểm. Bạn có thể sử dụng chúng để lưu trữ các biểu thức hoặc để xây dựng các chuỗi nhiều dòng.
Như bạn có thể thấy, không giống như một chuỗi ký tự thông thường được xây dựng với các dấu ngoặc kép đơn hoặc kép, chúng tôi không phải lặp đi lặp lại ký tự mẫu của mình. Điều này giảm thiểu khả năng gõ nhầm và cho phép chúng tôi viết mã sạch hơn.
10. Trình lặp và cho… of Loops
Trình lặp là các đối tượng trong JavaScript triển khai phương thức next () để trả về một đối tượng lưu giá trị tiếp theo trong một chuỗi cũng như true hoặc false tùy thuộc vào việc còn lại bất kỳ giá trị nào nữa hay không. Điều này có nghĩa là nếu bạn triển khai giao thức trình vòng lặp, bạn có thể xây dựng các đối tượng trình vòng lặp của riêng mình.
Có một số trình vòng lặp tích hợp sẵn trong JavaScript, chẳng hạn như Chuỗi, Mảng, Bản đồ, v.v. Bạn có thể sử dụng vòng lặp for… of để lặp lại chúng. Khi so sánh với vòng lặp for thông thường, vòng lặp này ngắn gọn hơn và ít bị lỗi hơn. Chúng ta không phải theo dõi độ dài hoàn chỉnh của mảng hoặc chỉ mục hiện tại bằng cách sử dụng vòng lặp for… of. Khi thiết kế các vòng lặp lồng nhau, điều này có thể giúp đơn giản hóa mã.
11. Sử dụng {} Thay vì Đối tượng mới ()
Trong JavaScript, bạn có thể tạo các đối tượng theo nhiều cách khác nhau. Sử dụng hàm tạo mới, như được hiển thị, là một cách thông thường hơn. Mặt khác, chiến lược này được đánh dấu là “thực hành kém”.
Nó không phá hoại, nhưng nó hơi dài dòng và độc đáo. Thay vào đó, tôi đề xuất sử dụng kỹ thuật đối tượng theo nghĩa đen.
12. Cân nhắc đặt let và const trong mã của bạn
Chúng ta có thể sử dụng từ khóa let để tạo các biến cục bộ có phạm vi cho khối riêng của chúng. Chúng ta có thể sử dụng từ khóa const để tạo các biến phạm vi khối cục bộ không thể thay đổi.
Khi khai báo các biến, bạn nên cân nhắc sử dụng các từ khóa let và const khi có thể. Hãy nhớ rằng từ khóa const chỉ vô hiệu hóa phép gán lại. Nó cũng không làm cho biến không thể thay đổi được.
13. eval () Không phải là một ý tưởng tốt
Phương thức eval (), đối với những người không biết, cho phép chúng tôi truy cập vào trình biên dịch của JavaScript. Về cơ bản, chúng ta có thể sử dụng eval để thực thi kết quả của một chuỗi bằng cách cung cấp nó dưới dạng đầu vào ().
Điều này không chỉ sẽ làm chậm đáng kể tập lệnh của bạn mà còn gây ra mối lo ngại về bảo mật đáng kể vì nó cung cấp cho văn bản được truyền quá nhiều quyền hạn. Tránh nó bằng mọi giá!
14. Toán tử Spread có ích
Bạn đã bao giờ cần truyền tất cả các mục trong một mảng dưới dạng các phần tử riêng lẻ cho một hàm khác hay bạn cần đặt tất cả các giá trị từ mảng này sang mảng khác? Đây chính là điều mà toán tử spread (…) cho phép chúng ta đạt được. Đây là một minh họa.
15. chờ đợi và không đồng bộ
Tạo các hàm không đồng bộ bằng cách sử dụng từ khóa async, từ khóa này luôn trả về một lời hứa, rõ ràng hoặc ngầm định.
Từ khóa await có thể được sử dụng trong các hàm không đồng bộ để tạm dừng thực thi cho đến khi hoàn thành việc giải quyết các lời hứa trả về. Bên ngoài chức năng không đồng bộ của bạn, mã sẽ tiếp tục chạy bình thường.
16. Sử dụng phương thức include () trong Javascript
Trong JavaScript, hàm include () xác định xem một chuỗi có chứa các ký tự được cung cấp hay không hoặc một mảng có chứa phần tử được chỉ định hay không.
Phương thức này trả về true nếu chuỗi hoặc phần tử được phát hiện; nếu không, nó trả về false. Điều đáng nói là hàm Strings chứa () phân biệt chữ hoa chữ thường. Nếu bạn muốn khớp một chuỗi bất kể trường hợp nào, trước tiên chỉ cần viết thường văn bản đích.
17. Xóa các mục khỏi một mảng bằng Splice
Để xóa một mục khỏi một mảng, tôi đã thấy các nhà phát triển sử dụng chức năng xóa. Điều này là sai vì, thay vì xóa đối tượng, phương thức xóa sẽ thay thế nó bằng không xác định.
Cách dễ nhất để xóa một phần tử khỏi mảng tùy thuộc vào giá trị của nó trong JavaScript là sử dụng hàm indexOf () để lấy số chỉ mục của giá trị đó trong mảng, sau đó xóa giá trị chỉ mục đó bằng phương thức splice () ..
18. Sử dụng chức năng mũi tên
Các hàm mũi tên là một tính năng quan trọng khác vừa được thêm vào JavaScript.
Họ có lợi thế về lượng thuyền. Để bắt đầu, chúng làm cho các phần chức năng của JavaScript trở nên hấp dẫn hơn về mặt hình ảnh và dễ viết hơn. Tuy nhiên, việc sử dụng các hàm mũi tên làm cho điều này dễ đọc và ngắn gọn hơn nhiều.
19. Với Hủy cấu trúc, bạn có thể nhanh chóng gán các giá trị biến
Trước đó trong bài đăng này, chúng ta đã tìm hiểu về toán tử spread trong JavaScript. Hủy cấu trúc tương tự như hủy cấu trúc ở chỗ nó cũng giải nén dữ liệu có trong các mảng.
Sự khác biệt là các giá trị được giải nén này có thể được gán cho các biến riêng biệt. Cú pháp giống với cú pháp của phím tắt [] khi tạo một mảng. Tuy nhiên, lần này các dấu ngoặc được đặt ở phía bên trái của toán tử gán. Đây là một minh họa.
20. Thực hiện một số dự án
Bất kỳ tài năng nào cũng cần thực hành nhất quán, vì vậy hãy cố gắng xây dựng nhiều dự án khác nhau để trau dồi khả năng của bạn và đạt được chuyên môn với nhiều tình huống lập trình khác nhau.
Trong khi thực hiện các dự án, bạn sẽ trải qua một số thách thức và sai lầm, điều này sẽ cung cấp cho bạn kiến thức chuyên môn cần thiết. Vì vậy, hãy cố gắng đưa ra các dự án, và có rất nhiều ý tưởng và ví dụ trên internet để hỗ trợ bạn. Tiếp tục phát triển mã, và khả năng của bạn sẽ được cải thiện.
Kết luận
Có thể khó học một ngôn ngữ máy tính như JavaScript. Nếu bạn nghiêm túc về việc trở thành một lập trình viên giỏi và đảm bảo công việc đầu tiên của mình, thì các chiến lược học JavaScript này có thể giúp bạn tăng tốc quá trình học của mình.
Đảm bảo rằng bạn thực hành viết mã một cách thường xuyên, ghi chú kỹ lưỡng trong khi học các ý tưởng mới và sử dụng tất cả các công cụ mà bạn có thể sử dụng. Trên hết, hãy ra khỏi đó và bắt đầu viết mã trong khi vui vẻ.
Bình luận