Hướng dẫn dùng lastname JavaScript
Bài viết này mình sẽ chia sẻ vể những cách đặt tên sao cho dễ đọc, dễ hiểu, dễ maintain. Không có ai quy ước cách đặt tên này nhưng nó được sử dụng rộng rãi như 1 tiêu chuẩn trong cộng đồng Javascript. Show
1. JAVASCRIPT NAMING CONVENTIONS: VARIABLESCác biến trong javascrip có phân biệt chữ hoa và chữ thường. Do đó các biến JS có kí tự thường và viết hoa là hoàn toàn khác nhau.
Đặt tên biến phải self-descriptive, không cần thiết phải thêm comment để bổ sung tài liệu cho biến.
Thông thường bạn sẽ thấy các biến js được khai báo bằng tên biến camelCase với kí tự viết thường ở đầu.
Các ngoại lệ cho các class, hằng số... chúng ta sẽ nói sau. Tuy nhiên nói chung, một biến JavaScript - một chuỗi, boolean hoặc số, nhưng cũng là một đối tượng, mảng hoặc hàm - được khai báo với tên biến camelCase. Tổng quan ngắn gọn về một vài style đặt tên :
2. JAVASCRIPT NAMING CONVENTIONS: BOOLEANMột tiền tố như is, are, or sẽ giúp chúng ta dễ dàng phân biệt biến boolean với 1 biến khác chỉ cần nhìn vào nó.
Ngược lại với chuỗi và số nguyên, bạn có thể xem nó như một quy tắc mềm khác cho quy ước đặt tên boolean trong JavaScript bên cạnh việc được viết bằng chữ hoa camel. 3. JAVASCRIPT NAMING CONVENTIONS: FUNCTIONCác hàm JavaScript cũng được viết kiểu camelCase. Ngoài ra, cách tốt nhất là thực sự cho biết hàm đang làm gì bằng cách đặt cho tên hàm một động từ làm tiền tố.
Động từ làm tiền tố này có thể là bất cứ thứ gì (ví dụ: get, fetch, push, apply, post...). Đó là một quy tắc mềm khác cần xem xét để có nhiều biến JavaScript tự mô tả hơn. 4. JAVASCRIPT NAMING CONVENTIONS: CLASSMột class JavaScript được khai báo bằng PascalCase trái ngược với các cấu trúc dữ liệu JavaScript khác:
Mỗi khi một hàm tạo JavaScript được gọi để khởi tạo một thể hiện mới của một Class, thì tên của Class đó sẽ xuất hiện trong Pascal Case, vì ngay từ đầu lớp đã được khai báo bằng Pascal Case. 5. JAVASCRIPT NAMING CONVENTIONS: CONSTANTCuối cùng nhưng không kém phần quan trọng, có các hằng số - nhằm mục đích là các biến không thay đổi - trong JavaScript được viết bằng chữ in hoa (UPPERCASE):
Nếu một biến có nhiều hơn một từ trong tên khai báo biến của nó, nó sẽ sử dụng dấu gạch dưới (_):
Thông thường, các hằng số JavaScript được định nghĩa ở đầu tệp JavaScript. Như đã gợi ý trước đây, không ai bắt buộc không được thay đổi biến ở đây, ngoại trừ một khai báo const của biến cho các cấu trúc dữ liệu nguyên thủy, nhưng việc đặt tên viết hoa cho thấy bạn nên tránh điều đó. Trên đây là một vài chia sẻ mình thấy khá cần thiết, hi vọng nó sẽ hữu ích đối với những người mới bắt đầu với Javascript. Cảm ơn các bạn đã đọc bài của mình. Nguồn tham khảo tại đây : https://www.robinwieruch.de/javascript-naming-conventions
Từ khóa Về cơ bản, chúng ta sử dụng
Đại từ nhân xưng "he" trong câu này, là để chỉ John. Chúng ta có thể viết nó lại như sau mà ý nghĩa không thay đổi:
Tuy nhiên, chúng ta không cần thiết phải gọi lại John trong tình huống này, như vậy câu bị lặp lại và nghe không được hay lắm. Trong trường hợp này, chúng ta có thể dùng đại từ nhân xưng để thay thế, câu văn nghe sẽ hay hơn. Cũng tương tự như vậy, trong JavaScript, chúng ta dùng từ khóa Chúng ta hãy xem xét ví dụ sau:
Nếu chúng ta sử dụng Tuy nhiên, hãy thử tưởng tượng, sau một thời gian phát triển, code JavaScript của bạn đã khá lớn. Và chẳng biết vô tình hay cố ý, Lúc này, nếu như có lỗi xảy ra, việc debug có thể khá khó khăn. Rất có thể, bạn sẽ mất kha khá thời gian thắc mắc xem, việc tham chiếu Để tránh tự làm khó mình (và làm khó cả những người cùng team), chúng ta nên sử dụng từ khóa Cũng giống như đại từ nhân xưng "he" dùng để chỉ các tiền đề (danh từ mà đại từ đó chỉ đến), từ khóa Từ khóa Những điều cơ bản về từ khóa this của JavaScriptTrước hết, bạn phải hiểu rằng, tất cả các hàm của JavaScript đều có thuộc tính, giống như mọi đối tượng khác. Và khi một hàm được thực thi, nó sẽ có thuộc tính
Lưu ý rằng, nếu chúng ta sử dụng strict mode, Nếu Dưới đây là một ví dụ rất cơ bản minh họa cho việc sử dụng
Một ví dụ khác về việc sử dụng
Việc sử dụng jQuery tương đối đặc biệt một chút. Cú pháp Chú ý rằng, button là một phần tử DOM trong trang HTML, nên nó cũng là một đối tượng. Trong trường hợp này, nó là một đối tượng jQuery bởi vì nó được bao với hàm Lưu ý với từ khóa thisNếu bạn đã hiểu những điều cơ bản về từ khóa Ngay cả khi Sử dụng this một cách toàn cụcVới phạm vi toàn cục, khi code được thực thi ở trình duyệt, mọi biến và hàm toàn cục đều được định nghĩa trên đối tượng Do đó:
Một số trường hợp dễ nhầm lẫn về thisNhững điều về Một vài vấn đề về "ngữ cảnh""Ngữ cảnh" trong Javascritp cũng tượng tự như chủ ngữ trong câu tiếng Anh. Chúng ta sẽ lấy ví dụ một câu tiếng Anh như sau:
Chủ ngữ trong câu này là John, và chúng ta có thể nói rằng "ngữ cảnh" của câu là John bởi vì mục tiêu chính của câu, mọi sự tập trung đều nhằm đến John. Ở đây, đại từ nhân xưng "who" cũng là chỉ John. Chúng ta có thể ngắt mệnh đề ở đây. Chúng ta có một đối tượng đang được nói đến là John (ngữ cảnh hiện tại), chúng ta có thể chuyển mệnh đề sang cho một đối tượng khác (ngữ cảnh mới). Tương tự, với JavaScript, chúng ta có:
Điểm cốt yếu ở đây là đối tượng gọi "hàm this" sẽ ở trong ngữ cảnh, và chúng ta có thể thay đổi ngữ cảnh bằng cách gọi hàm this bằng đối tượng khác. Đây sẽ là đối tượng trong ngữ cảnh mới. Dưới đây là một vài tình huống mà Sử dụng this trong phương thức được truyền như callbackMọi chuyện sẽ rối tung rối mù khi chúng
ta truyền phương thức (có sử dụng
Với code trên, bởi vì button ( Lưu ý rằng, kể cả chúng ta đã gọi phương thức Giải pháp Bởi vì chúng ta cần Để giải quyết vấn đề trên, chúng ta có thể sử dụng
Chúng ta cần bind phương thức
Sử dụng this trong closureMột trường hợp khác cũng rất dễ nhầm lẫn
Giải pháp Để ứng phó với vấn đề sử dụng
Rất nhiều người thường gán giá trị
Sử dụng this khi phương thức được gán cho biếnGiá trị của
Giải pháp Chúng ta có thể giải quyết vấn đề trên bằng cánh chỉ định giá trị của
Dùng this khi mượn phương thứcViệc mượn các phương thức là việc rất phổ biến trong viết code JavaScript. Và nếu bạn làm việc với JavaScript, thì chắc chắn
bạn đã mượn các phương thức rất nhiều lần. Việc mượn các phương thức sẽ giúp chúng ta tiết kiệm thời gian phát triển những tính năng đã có người làm giúp chúng ta rồi. Tuy nhiên, tự tiện lợi đó đi kèm với một số vấn đề khi sử dụng
Giải pháp Để giải quyết vấn đề trên, và biến giá trị
Đối tượng Kết luậnBài viết trình bày những hiểu biết về từ khóa Như các bạn đã thấy, Hy vọng bài viết giúp ích các bạn trong quá trình code JavaScript của mình. |