Quy tắc đặt tên biến trong javascript là gì?

Về từ khóa dành riêng, nếu bạn cố gắng đặt tên cho một biến bất kỳ từ khóa JavaScript dành riêng nào, bạn sẽ gặp lỗi tương tự như sau

let this = "hey you"
// Uncaught SyntaxError: Unexpected token 'this'

phân biệt chữ hoa chữ thường

Trong JavaScript, các biến phân biệt chữ hoa chữ thường. Hai biến này được phát âm giống nhau, nhưng một biến chứa chữ hoa, biến còn lại hoàn toàn là chữ thường

• let aGoodRuleOfThumb

  8

• let aGoodRuleOfThumb

  0

Trong thế giới JavaScript, điều đó khiến chúng trở thành hai biến khác nhau. Vì vậy, hãy luôn chú ý đến các chữ thường và chữ hoa khi bạn khai báo và tham chiếu đến các biến trong JavaScript

Bạn có thể bắt đầu một biến bằng một chữ cái viết hoa, nhưng mẫu phổ biến nhất mà bạn thấy trong vanilla JavaScript được gọi là camelCase, đó là khi chữ cái đầu tiên của từ đầu tiên trong một biến là chữ thường, và sau đó các từ tiếp theo có chữ cái đầu tiên viết hoa

Ví dụ giới thiệu quy ước đặt tên JavaScript -- cung cấp cho bạn ý nghĩa chung khi đặt tên biến, hàm, lớp hoặc thành phần trong JavaScript. Không ai thực thi các quy tắc quy ước đặt tên này, tuy nhiên, chúng được chấp nhận rộng rãi như một tiêu chuẩn trong cộng đồng JS

Quy ước đặt tên 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
Quy ước đặt tên JavaScript. Boolean
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 tên JavaScript. Chức năng
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
Quy ước đặt tên 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
Quy ước đặt tên 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
________số 8
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
<div>
  <UserProfile
    user={{ firstName: 'Robin', lastName: 'Wieruch' }}
  />
div>
Quy ước đặt tên 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
let aGoodRuleOfThumb
0
Ở đâ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 tên JavaScript. Riêng tư
Hiếm khi bạn tìm thấy dấu gạch dưới (_) trước một biến/hàm/phương thức trong JavaScript. Nếu bạn nhìn thấy một cái, nó được dự định là riêng tư. Mặc dù nó không thể thực sự được thực thi bởi JavaScript, nhưng việc khai báo một cái gì đó là riêng tư sẽ cho chúng ta biết về cách sử dụng hoặc không nên sử dụng nó
Chẳng hạn, một phương thức riêng tư trong một lớp chỉ nên được sử dụng nội bộ bởi lớp đó, nhưng nên tránh sử dụng trên thể hiện của lớp
let aGoodRuleOfThumb
1
Một biến/hàm riêng tư cũng có thể xuất hiện trong tệp JavaScript. Điều này có thể có nghĩa là không nên sử dụng biến/hàm bên ngoài tệp này mà chỉ sử dụng bên trong để tính toán logic nghiệp vụ tiếp theo cho các chức năng khác trong cùng một tệp
Quy ước đặt tên JavaScript. Hằng số
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)
// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';
0
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';
1
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ó
Quy ước đặt tên JavaScript. Biến toàn cục
Một biến JavaScript được xác định trên toàn cầu, nếu tất cả ngữ cảnh của nó có quyền truy cập vào nó. Thông thường, ngữ cảnh được xác định bởi tệp JavaScript nơi biến được khai báo/xác định, nhưng trong các dự án JavaScript nhỏ hơn, nó có thể là toàn bộ dự án. Không có quy ước đặt tên đặc biệt nào cho các biến JavaScript toàn cục
Biến JavaScript toàn cục được khai báo ở đầu dự án/tệp
Một biến JavaScript toàn cục được viết bằng camelCase nếu nó có thể thay đổi
Một biến JavaScript toàn cầu được viết bằng chữ HOA nếu nó là bất biến
Quy ước đặt tên JavaScript. dấu gạch dưới
Vậy còn dấu gạch dưới và dấu gạch ngang trong cách đặt tên biến JavaScript thì sao? . Đôi khi, bạn sẽ thấy dấu gạch dưới khi lấy thông tin từ bên thứ ba như cơ sở dữ liệu hoặc API. Một tình huống khác mà bạn có thể thấy dấu gạch dưới là các tham số chức năng không được sử dụng, nhưng đừng lo lắng về những điều này nếu bạn chưa thấy chúng ở đó ;-)



Quy ước đặt tên JavaScript. dấu gạch ngang
Dấu gạch ngang trong một biến JavaScript cũng không phải là lẽ thường. Nó chỉ khiến mọi thứ trở nên khó khăn hơn; 
// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';
2
Thậm chí không thể sử dụng trực tiếp dấu gạch ngang để khai báo biến
// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';
3
Đó là lý do tại sao tốt hơn là tránh chúng
Quy ước đặt tên JavaScript. Các tập tin
Có hai chiến lược đặt tên tệp trong JavaScript. PascalCase và kebab-case. Trong các ứng dụng giao diện người dùng JavaScript, bạn sẽ thường thấy PascalCase để đặt tên cho các thành phần (e. g. thành phần phản ứng)
// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';
4
Ngược lại, trong ứng dụng phụ trợ JavaScript, trường hợp kebab là lẽ thường
// bad
var value = 'Robin';

// bad
var val = 'Robin';

// good
var firstName = 'Robin';
5
Bạn cũng sẽ thấy cách đặt tên của camelCase, nhưng tương tự như PascalCase (xin lỗi các ứng dụng giao diện người dùng), có nguy cơ hệ điều hành đang xử lý chúng theo cách khác, điều này có thể dẫn đến lỗi. Đó là lý do tại sao việc sử dụng kebab-case phải là tiêu chuẩn cho tên tệp trong JavaScript
Nếu bạn muốn tìm hiểu thêm về định dạng và kiểu mã JavaScript, điều không được thảo luận ở đây vì lợi ích của quy ước đặt tên, bạn chắc chắn nên xem ESLint và Prettier for JavaScript
 

			
Nêu 5 quy tắc khai báo tên biến?
			
Quy tắc đặt tên biến . 
 
Tên biến chỉ được chứa bảng chữ cái, chữ số và dấu gạch dưới
 
Tên biến chỉ được bắt đầu bằng bảng chữ cái hoặc dấu gạch dưới. Nó không thể bắt đầu bằng một chữ số
 
Không được phép có khoảng trắng trong tên biến
 
Tên biến không được là bất kỳ từ hoặc từ khóa dành riêng nào
 
		
			
Các quy tắc đặt tên để tạo biến là gì?
			
Quy tắc đặt tên biến
 . Chữ cái đầu tiên của một biến phải là một chữ cái hoặc dấu gạch dưới. Không có quy tắc về thời gian một tên biến (số nhận dạng) có thể. A variable name can only have letters (both uppercase and lowercase letters), digits and underscore. The first letter of a variable should be either a letter or an underscore. There is no rule on how long a variable name (identifier) can be.
		
			
4 quy tắc đặt tên biến trong Visual Basic là gì?
			
Sử dụng các quy tắc sau khi bạn đặt tên cho các thủ tục, hằng số, biến và đối số trong mô-đun Visual Basic.  . 
 
Bạn phải sử dụng một chữ cái làm ký tự đầu tiên
 
Bạn không thể sử dụng dấu cách, dấu chấm (. ), dấu chấm than (. ) hoặc các ký tự @, &, $, # trong tên
 
Tên không được dài quá 255 ký tự
 
		
			
4 cách để khai báo một biến JavaScript là gì?
			
var, let, const, class, v.v.