Hướng dẫn javascript uppercase variable names - tên biến viết hoa trong javascript

Nhiều hướng dẫn kiểu JavaScript đề xuất viết hoa tên liên tục. Cá nhân, tôi hiếm khi thấy quy ước này được sử dụng nơi tôi nghĩ nó nên được. Điều này là do định nghĩa của tôi về một hằng số là một chút tắt. Tôi quyết định thực hiện một chút đào và trở nên quen thuộc hơn với quy ước này.

Làm thế nào để chúng ta xác định thuật ngữ hằng số không?

Trong lập trình, một điều gì đó không đổi mà không thay đổi.

Đó là một giá trị không thể được thay đổi bởi chương trình trong quá trình thực hiện bình thường.

Vì vậy, JavaScript có cho chúng ta một cách để tuyên bố một giá trị có thể thay đổi không? Trước khi chúng tôi trả lời điều này, hãy để Lôi nhìn vào nguồn gốc của Công ước này.

Công ước viết hoa có nguồn gốc từ C

C là một ngôn ngữ được biên dịch. Điều này có nghĩa là một chương trình khác chuyển đổi tất cả mã của bạn thành mã máy trước khi nó chạy.

JavaScript, mặt khác, là một ngôn ngữ được giải thích. Một trình thông dịch đọc mã của bạn, từng dòng, khi nó chạy.

Sự khác biệt giữa tổng hợp và giải thích đóng một vai trò trong cách chúng ta khai báo các giá trị không đổi trong C.

Trong C, tôi có thể khai báo một biến như thế này:

function changeToUpperCase(founder) {
  return founder.toUpperCase();
}

// calling the function 
const result = changeToUpperCase("Quincy Larson");

// printing the result to the console
console.log(result);

// Output: QUINCY LARSON

Hoặc, một hằng số như thế này:

function changeToUpperCase(founder) {
  return founder.toUpperCase();
}

// calling the function 
const result = changeToUpperCase("Quincy Larson");

// printing the result to the console
console.log(result);

// Output: QUINCY LARSON

Ví dụ thứ hai được gọi là hằng số biểu tượng. Hằng số tượng trưng có thể là một chuỗi các ký tự, hằng số số hoặc một chuỗi. Chúng cũng được gọi là giá trị nguyên thủy. Các giá trị nguyên thủy trong JavaScript là các chuỗi, số, booleans, null, không xác định, biểu tượng (không bị nhầm lẫn với các hằng số tượng trưng) và int lớn.symbolic constant. Symbolic constants can be a sequence of characters, a numeric constant, or a string. These are also called primitive values. The primitive values in JavaScript are strings, numbers, booleans, null, undefined, symbol (not to be confused with symbolic constants) and big int.

Bây giờ, hãy để xem lại tổng hợp.

Trước khi biên dịch, có một giai đoạn trước. Ở đây, trình biên dịch trước thay thế tất cả các trường hợp của các hằng số tượng trưng với giá trị tương ứng. Trình biên dịch không bao giờ biết rằng lập trình viên đã viết

function changeToUpperCase(founder) {
  return founder.toUpperCase();
}

// calling the function 
const result = changeToUpperCase("Quincy Larson");

// printing the result to the console
console.log(result);

// Output: QUINCY LARSON

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

Viết hoa giúp lập trình viên nhìn thấy những giá trị thực sự không đổi này.

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

Hằng số JavaScript khác với các hằng số biểu tượng

Trước ES6, chúng tôi đã lưu trữ hầu hết các giá trị trong các biến, ngay cả những giá trị mà bạn muốn duy trì không đổi.

Vốn hóa đã giúp chúng tôi thấy các giá trị mà chúng tôi muốn duy trì không đổi.

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

ES6 đã giới thiệu tuyên bố

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

ES6 đã thêm các thuật ngữ

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

Với hai thuật ngữ đó, bạn có thể nghĩ rằng chúng tôi cũng vậy:

1. Don Tiết cần tận dụng bất cứ điều gì vì chúng ta có thể thấy rõ các biến nào được dự định giữ nguyên, hoặc
2. Chúng ta nên tận dụng mọi thứ mà chúng ta tuyên bố với

   var HOURS_IN_DAY = 24;
   var hoursRemaining = currentHour - HOURS_IN_DAY;
   var MY_NAME = 'Brandon';
   MY_NAME = ... // oops don't want to do this.

   3.

Theo định nghĩa,

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

Nói cách khác, một số tài liệu tham khảo

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

const firstPerson = {
  favoriteNumber: 10,
};
const secondPerson = firstPerson;
console.log(secondPerson.favoriteNumber); //10
firstPerson.favoriteNumber +=1;
console.log(secondPerson.favoriteNumber); //11

Ví dụ trên cho thấy tuyên bố

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

// "TypeError: Assignment to constant variable."secondPerson = 'something else';
const secondPerson = 'Me'
secondPerson = 'something else';

Vì vậy, đối với JavaScript, chúng ta phải vượt ra ngoài việc chỉ tìm kiếm một tuyên bố

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

1. Là giá trị của biến nguyên thủy?
2. Chúng ta có dự định giữ tên biến chỉ vào cùng một giá trị trong suốt chương trình của chúng tôi không?

Nếu câu trả lời là có cho cả hai, chúng ta nên khai báo biến với

var HOURS_IN_DAY = 24;
var hoursRemaining = currentHour - HOURS_IN_DAY;
var MY_NAME = 'Brandon';
MY_NAME = ... // oops don't want to do this.

Lưu ý rằng tôi đã nói rằng tháng năm. Tinh thần của quy ước này xuất phát từ các ngôn ngữ khác nhau có hằng số thực tế. JavaScript không có. Ít nhất là theo nghĩa thuần khiết nhất. Đây có thể là lý do tại sao bạn thấy quy ước này ít thường xuyên hơn bạn mong đợi. Airbnb có một phần tuyệt vời trong hướng dẫn phong cách của họ với việc lấy ở đây.

Điểm quan trọng là nhận ra việc xác định một hằng số trong JavaScript phải bao gồm ý định của lập trình viên.key takeaway is to recognize defining a constant in JavaScript has to include the programmer's intentions.

Ngoài ra, không phải mọi quy ước từ một ngôn ngữ đều có ý nghĩa trong một ngôn ngữ khác nhau. Cuối cùng, tôi chỉ có thể tưởng tượng nhiều quy ước đã được sử dụng từ lâu trước khi IDES có khả năng mà chúng có ngày hôm nay. Tôi đã thuyết phục IDE của tôi rất vui khi nói với tôi rằng tôi đã sai. Nó xảy ra rất nhiều.

Cảm ơn vì đã đọc!

Woz

Theo dõi tôi trên Twitter.

Ghi chú

• Bạn có thể tự hỏi tại sao tôi đã sử dụng

  const firstPerson = {
    favoriteNumber: 10,
  };
  const secondPerson = firstPerson;
  console.log(secondPerson.favoriteNumber); //10
  firstPerson.favoriteNumber +=1;
  console.log(secondPerson.favoriteNumber); //11

  2 trong bất kỳ ví dụ nào trong số này.Các từ viết tắt, đặc biệt là các từ viết tắt hai chữ cái có xu hướng luôn luôn được viết hoa hoặc luôn luôn viết thường theo quy ước.