Các quy ước đặt tên trong javascript là gì?

• Cho phép thông tin hữu ích được suy ra từ các tên dựa trên quy tắc. Ví dụ, ở Manhattan, các đường phố được đánh số liên tục;

• Hiển thị các mối quan hệ và trong hầu hết các quy ước đặt tên cá nhân

• Đảm bảo rằng mỗi tên là duy nhất cho cùng một phạm vi

QUY ƯỚC ĐẶT NAM JAVASCRIPT. BIẾN

Các biến JavaScript phân biệt chữ hoa chữ thường. Do đó, các biến JavaScript có ký tự chữ thường và chữ hoa là khác nhau

var name = 'Robin Wieruch';

var Name = 'Dennis Wieruch';

var NAME = 'Thomas Wieruch';

console.log[name];
// "Robin Wieruch"

console.log[Name];
// "Dennis Wieruch"

console.log[NAME];
// "Thomas Wieruch"

Một biến JavaScript phải tự mô tả. Không cần thiết phải thêm nhận xét để có tài liệu bổ sung cho biến

// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';

Thông thường, bạn sẽ thấy các biến JavaScript được khai báo bằng tên biến camelCase với ký tự chữ thường ở đầu

// bad
var firstname = 'Robin';

// bad
var first_name = 'Robin';

// bad
var FIRSTNAME = 'Robin';

// bad
var FIRST_NAME = 'Robin';

// good
var firstName = 'Robin';

Có các ngoại lệ đối với hằng số, giá trị riêng và lớp/thành phần JavaScript -- mà chúng ta sẽ khám phá sau. Tuy nhiên, nói chung, một biến JavaScript -- một chuỗi, boolean hoặc số, cũng như một đối tượng, mảng hoặc hàm -- được khai báo bằng tên biến camelCase

Tổng quan ngắn gọn về các kiểu trường hợp khác nhau

• camelCase [được sử dụng trong JS]

• PascalCase [được sử dụng trong JS]

• rắn_case

• kebab-case

• Tên phân biệt chữ hoa chữ thường, chữ thường và chữ hoa khác nhau

• Bắt đầu tên biến bằng một chữ cái, sử dụng camelCase cho tên

• Tên biến phải tự mô tả, mô tả giá trị được lưu trữ

• Các biến Boolean thường có tiền tố is hoặc has

QUY ƯỚC ĐẶT NAM JAVASCRIPT. BOOLESE

Tiền tố như is, are hoặc has giúp mọi nhà phát triển JavaScript phân biệt một boolean với một biến khác chỉ bằng cách nhìn vào nó

// bad
var visible = true;

// good
var isVisible = true;

// bad
var equal = false;

// good
var areEqual = false;

// bad
var encryption = true;

// good
var hasEncryption = true;

Trái ngược 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 JavaScript bên cạnh việc được viết trong trường hợp lạc đà

QUY ƯỚC ĐẶT NAM JAVASCRIPT. HÀM SỐ

Các hàm JavaScript cũng được viết trong trường hợp lạc đà. 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 tên hàm là một động từ làm tiền tố

// bad
function name[firstName, lastName] {
  return `${firstName} ${lastName}`;
}

// good
function getName[firstName, lastName] {
  return `${firstName} ${lastName}`;
}

Tiền tố của động từ này có thể là bất cứ thứ gì [e. g. nhận, tìm nạp, đẩy, áp dụng, tính toán, tính toán, đăng]. Đó 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

• Tên phân biệt chữ hoa chữ thường, chữ thường và chữ hoa khác nhau

• Bắt đầu tên hàm bằng một chữ cái, sử dụng camelCase cho tên

• Sử dụng tên mô tả, thường là động từ ở dạng mệnh lệnh

• Các tiền tố phổ biến là get, make, apply, v.v.

• Các phương thức lớp tuân theo cùng một quy tắc

QUY ƯỚC ĐẶT NAM JAVASCRIPT. LỚP

Một lớp 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

class SoftwareDeveloper {
  constructor[firstName, lastName] {
    this.firstName = firstName;
    this.lastName = lastName;
  }
}

var me = new SoftwareDeveloper['Robin', 'Wieruch'];

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 lớp, tên của lớp sẽ xuất hiện trong Pascal Case, bởi vì lớp này đã được khai báo với Pascal Case ngay từ đầu

• Tên phân biệt chữ hoa chữ thường, chữ thường và chữ hoa khác nhau

• Bắt đầu tên lớp bằng chữ in hoa, sử dụng PascalCase cho tên

• Sử dụng tên mô tả, giải thích chức năng của lớp

• Các thành phần được sử dụng trong khung giao diện người dùng tuân theo các quy tắc tương tự

QUY ƯỚC ĐẶT NAM JAVASCRIPT. THÀNH PHẦN

Các thành phần không có ở khắp mọi nơi trong JavaScript, nhưng thường được tìm thấy trong các khung giao diện người dùng như React. Vì một thành phần gần như được khởi tạo -- nhưng thay vào đó được thêm vào DOM -- giống như một lớp JavaScript, nên chúng cũng được khai báo rộng rãi với Pascal Case

// bad
function userProfile[user] {
  return [
    
      First Name: {user.firstName}
      Last Name: {user.lastName}
    
  ];
}

// good
function UserProfile[user] {
  return [
    
      First Name: {user.firstName}
      Last Name: {user.lastName}
    
  ];
}

Khi một thành phần được sử dụng, nó sẽ tự phân biệt với HTML gốc và các thành phần web, bởi vì chữ cái đầu tiên của nó luôn được viết hoa

QUY ƯỚC ĐẶT NAM JAVASCRIPT. PHƯƠNG PHÁP

Giống hệt các hàm JavaScript, một phương thức trên lớp JavaScript được khai báo bằng camelCase

Ở đây các quy tắc tương tự như đối với các hàm JavaScript được áp dụng -- e. g. thêm một động từ làm tiền tố --, để làm cho tên phương thức mang tính tự mô tả hơn

QUY ƯỚC ĐẶT NAM JAVASCRIPT. KHÔNG THAY ĐỔI

Cuối cùng nhưng không kém phần quan trọng, có các hằng số -- được dự định là các biến không thay đổi -- trong JavaScript được viết bằng chữ hoa [UPPERCASE]

var SECONDS = 60;
var MINUTES = 60;
var HOURS = 24;

var DAY = SECONDS * MINUTES * HOURS;

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ó, thì nó sử dụng dấu gạch dưới [_]

// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';

Thông thường, các hằng số JavaScript được xác định ở đầu tệp JavaScript. Như đã gợi ý trước đây, không ai bắt buộc một người không thay đổi biến ở đây, ngoại trừ khai báo const của biến đối với cấu trúc dữ liệu nguyên thủy, nhưng việc đặt tên viết hoa cho thấy nên tránh nó

Các loại quy ước đặt tên là gì?

Quy ước đặt tên trong mã hóa là gì?

một quy ước tên là gì?

3 quy tắc đặt tên biến là gì?