Một biến là một “bộ lưu trữ được đặt tên” cho dữ liệu. Chúng tôi có thể sử dụng các biến để lưu trữ quà tặng, khách truy cập và dữ liệu khác
Để tạo một biến trong JavaScript, hãy sử dụng từ khóa
let message;
message = 'Hello!';
alert[message]; // shows the variable content
3Câu lệnh dưới đây tạo ra [nói cách khác. tuyên bố] một biến có tên “tin nhắn”
let message;
Bây giờ, chúng ta có thể đưa một số dữ liệu vào đó bằng cách sử dụng toán tử gán
let message;
message = 'Hello!';
alert[message]; // shows the variable content
4let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
Chuỗi hiện được lưu vào vùng bộ nhớ được liên kết với biến. Chúng ta có thể truy cập nó bằng cách sử dụng tên biến
let message;
message = 'Hello!';
alert[message]; // shows the variable content
Để ngắn gọn, chúng ta có thể kết hợp phần khai báo và gán biến vào một dòng duy nhất
let message = 'Hello!'; // define the variable and assign the value
alert[message]; // Hello!
Chúng ta cũng có thể khai báo nhiều biến trong một dòng
let user = 'John', age = 25, message = 'Hello';
Điều đó có vẻ ngắn hơn, nhưng chúng tôi không khuyến nghị điều đó. Để dễ đọc hơn, vui lòng sử dụng một dòng cho mỗi biến
Biến thể nhiều dòng dài hơn một chút nhưng dễ đọc hơn
let user = 'John';
let age = 25;
let message = 'Hello';
Một số người cũng định nghĩa nhiều biến theo kiểu nhiều dòng này
________số 8
…Hoặc thậm chí theo kiểu “dấu phẩy trước”
let user = 'John'
, age = 25
, message = 'Hello';
Về mặt kỹ thuật, tất cả các biến thể này đều làm điều tương tự. Vì vậy, đó là vấn đề sở thích và thẩm mỹ cá nhân
5 thay vì let message;
message = 'Hello!';
alert[message]; // shows the variable content
3let message;
message = 'Hello!';
alert[message]; // shows the variable content
Trong các tập lệnh cũ hơn, bạn cũng có thể tìm thấy một từ khóa khác.
let message;
message = 'Hello!';
alert[message]; // shows the variable content
5 thay vì let message;
message = 'Hello!';
alert[message]; // shows the variable content
3let message;
4Từ khóa
let message;
message = 'Hello!';
alert[message]; // shows the variable content
5 gần giống với từ khóa let message;
message = 'Hello!';
alert[message]; // shows the variable content
3. Nó cũng khai báo một biến, nhưng theo một cách hơi khác, "trường học cũ"Có những khác biệt tinh tế giữa
let message;
message = 'Hello!';
alert[message]; // shows the variable content
3 và let message;
message = 'Hello!';
alert[message]; // shows the variable content
5, nhưng chúng không quan trọng đối với chúng tôi. Chúng tôi sẽ trình bày chi tiết về chúng trong chương "Thanh" cũChúng ta có thể dễ dàng nắm bắt được khái niệm “biến” nếu tưởng tượng nó như một “chiếc hộp” chứa dữ liệu, trên đó có dán nhãn tên riêng.
Chẳng hạn, biến
let message = 'Hello!'; // define the variable and assign the value
alert[message]; // Hello!
3 có thể được hình dung như một hộp có nhãn let message = 'Hello!'; // define the variable and assign the value
alert[message]; // Hello!
4 với giá trị let message = 'Hello!'; // define the variable and assign the value
alert[message]; // Hello!
5 trong đóChúng ta có thể đặt bất kỳ giá trị nào trong hộp
Chúng tôi cũng có thể thay đổi nó nhiều lần như chúng tôi muốn
let message;
message = 'Hello!';
alert[message]; // shows the variable content
2Khi giá trị được thay đổi, dữ liệu cũ sẽ bị xóa khỏi biến
Chúng ta cũng có thể khai báo hai biến và sao chép dữ liệu từ biến này sang biến kia
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
0Khai báo hai lần gây ra lỗi
Một biến chỉ nên được khai báo một lần
Một khai báo lặp đi lặp lại cùng một biến là một lỗi
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
1Vì vậy, chúng ta nên khai báo một biến một lần và sau đó tham chiếu đến nó mà không cần
let message;
message = 'Hello!';
alert[message]; // shows the variable content
3ngôn ngữ chức năng
Thật thú vị khi lưu ý rằng có tồn tại cái gọi là ngôn ngữ lập trình chức năng thuần túy, chẳng hạn như Haskell, cấm thay đổi giá trị biến
Trong những ngôn ngữ như vậy, một khi giá trị được lưu trữ "trong hộp", nó sẽ ở đó mãi mãi. Nếu chúng ta cần lưu trữ thứ gì khác, ngôn ngữ buộc chúng ta phải tạo một hộp mới [khai báo một biến mới]. Chúng ta không thể sử dụng lại cái cũ
Mặc dù thoạt nhìn có vẻ hơi kỳ quặc, nhưng những ngôn ngữ này hoàn toàn có khả năng phát triển nghiêm túc. Hơn thế nữa, có những lĩnh vực như tính toán song song, nơi giới hạn này mang lại những lợi ích nhất định
Có hai hạn chế về tên biến trong JavaScript
- Tên chỉ được chứa các chữ cái, chữ số hoặc ký hiệu
7 vàlet message = 'Hello!'; // define the variable and assign the value alert[message]; // Hello!
8let message = 'Hello!'; // define the variable and assign the value alert[message]; // Hello!
- Ký tự đầu tiên không được là chữ số
Ví dụ về tên hợp lệ
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
2Khi tên chứa nhiều từ, thường dùng camelCase. Đó là. các từ nối tiếp nhau, mỗi từ ngoại trừ từ đầu tiên bắt đầu bằng chữ in hoa.
let message = 'Hello!'; // define the variable and assign the value
alert[message]; // Hello!
9Điều thú vị – ký hiệu đô la ________ 60 và dấu gạch dưới ________ 61 cũng có thể được sử dụng trong tên. Chúng là các ký hiệu thông thường, giống như các chữ cái, không có ý nghĩa đặc biệt nào
Những tên này hợp lệ
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
3Ví dụ về tên biến không chính xác
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
4Trường hợp quan trọng
Biến có tên
let user = 'John', age = 25, message = 'Hello';
2 và let user = 'John', age = 25, message = 'Hello';
3 là hai biến khác nhauCác chữ cái không phải tiếng Latinh được cho phép, nhưng không được khuyến nghị
Có thể sử dụng bất kỳ ngôn ngữ nào, kể cả chữ cái cyrillic, biểu tượng tiếng Trung, v.v., như thế này
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
5Về mặt kỹ thuật, không có lỗi ở đây. Những tên như vậy được cho phép, nhưng có một quy ước quốc tế sử dụng tiếng Anh trong tên biến. Ngay cả khi chúng tôi đang viết một kịch bản nhỏ, nó có thể còn cả một cuộc đời dài phía trước. Mọi người từ các quốc gia khác có thể cần đọc nó một lúc nào đó
tên dành riêng
Có một , không thể được sử dụng làm tên biến vì chúng được sử dụng bởi chính ngôn ngữ đó
Ví dụ.
let message;
message = 'Hello!';
alert[message]; // shows the variable content
3, let user = 'John', age = 25, message = 'Hello';
5, let user = 'John', age = 25, message = 'Hello';
6 và let user = 'John', age = 25, message = 'Hello';
7 được bảo lưuĐoạn mã dưới đây đưa ra một lỗi cú pháp
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
6Bài tập không có
8let user = 'John', age = 25, message = 'Hello';
Thông thường, chúng ta cần định nghĩa một biến trước khi sử dụng nó. Nhưng vào thời xưa, về mặt kỹ thuật, có thể tạo một biến chỉ bằng cách gán giá trị mà không cần sử dụng
let message;
message = 'Hello!';
alert[message]; // shows the variable content
3. Tính năng này hiện vẫn hoạt động nếu chúng tôi không đặt let user = 'John', age = 25, message = 'Hello';
8 trong tập lệnh của mình để duy trì khả năng tương thích với các tập lệnh cũlet message;
message = 'Hello'; // store the string 'Hello' in the variable named message
7Đây là một cách làm không tốt và sẽ gây ra lỗi trong chế độ nghiêm ngặt
let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
8Để khai báo một biến hằng [không thay đổi], hãy sử dụng
let user = 'John';
let age = 25;
let message = 'Hello';
1 thay vì let message;
message = 'Hello!';
alert[message]; // shows the variable content
3let message;
message = 'Hello'; // store the string 'Hello' in the variable named message
9Các biến được khai báo sử dụng _______ 71 được gọi là “phụ âm”. Họ không thể được chỉ định lại. Một nỗ lực để làm như vậy sẽ gây ra một lỗi
let message;
message = 'Hello!';
alert[message]; // shows the variable content
0Khi một lập trình viên chắc chắn rằng một biến sẽ không bao giờ thay đổi, họ có thể khai báo nó với _
let user = 'John';
let age = 25;
let message = 'Hello';
1 để đảm bảo và truyền đạt rõ ràng sự thật đó cho mọi ngườiCó một thực tế phổ biến là sử dụng các hằng số làm bí danh cho các giá trị khó nhớ được biết trước khi thực thi
Các hằng số như vậy được đặt tên bằng chữ in hoa và dấu gạch dưới
Chẳng hạn, hãy tạo các hằng số cho màu ở định dạng được gọi là “web” [thập lục phân]
let message;
message = 'Hello!';
alert[message]; // shows the variable content
1Lợi ích
5 dễ nhớ hơn nhiều so vớilet user = 'John'; let age = 25; let message = 'Hello';
6let user = 'John'; let age = 25; let message = 'Hello';
- Dễ gõ nhầm
6 hơn làlet user = 'John'; let age = 25; let message = 'Hello';
5let user = 'John'; let age = 25; let message = 'Hello';
- Khi đọc mã,
5 có ý nghĩa hơn nhiều so vớilet user = 'John'; let age = 25; let message = 'Hello';
0let user = 'John', age = 25, message = 'Hello';
Khi nào chúng ta nên viết hoa cho một hằng số và khi nào chúng ta nên đặt tên bình thường?
Là một “hằng số” chỉ có nghĩa là giá trị của một biến không bao giờ thay đổi. Nhưng có những hằng số được biết trước khi thực thi [như giá trị thập lục phân cho màu đỏ] và có những hằng số được tính toán trong thời gian chạy, trong quá trình thực thi, nhưng không thay đổi sau lần gán ban đầu của chúng
Ví dụ
let message;
message = 'Hello!';
alert[message]; // shows the variable content
2Giá trị của
let user = 'John',
age = 25,
message = 'Hello';
1 không được biết trước khi tải trang, vì vậy nó được đặt tên bình thường. Nhưng nó vẫn là một hằng số vì nó không thay đổi sau khi gánNói cách khác, các hằng số có tên viết hoa chỉ được sử dụng làm bí danh cho các giá trị “được mã hóa cứng”
Nói về biến số, còn một điều cực kỳ quan trọng nữa
Tên biến phải có ý nghĩa rõ ràng, rõ ràng, mô tả dữ liệu mà nó lưu trữ
Đặt tên biến là một trong những kỹ năng quan trọng và phức tạp nhất trong lập trình. Nhìn lướt qua các tên biến có thể tiết lộ mã nào được viết bởi người mới bắt đầu so với nhà phát triển có kinh nghiệm
Trong một dự án thực tế, phần lớn thời gian dành cho việc sửa đổi và mở rộng cơ sở mã hiện có hơn là viết một cái gì đó hoàn toàn tách biệt từ đầu. Khi chúng tôi quay lại một số mã sau khi làm việc khác trong một thời gian, việc tìm thông tin được dán nhãn rõ ràng sẽ dễ dàng hơn nhiều. Hay nói cách khác, khi các biến có tên hay
Hãy dành thời gian suy nghĩ về tên phù hợp cho một biến trước khi khai báo nó. Làm như vậy sẽ trả ơn bạn rất nhiều
Một số quy tắc tốt để làm theo là
- Sử dụng tên mà con người có thể đọc được như
2 hoặclet user = 'John', age = 25, message = 'Hello';
3let user = 'John', age = 25, message = 'Hello';
- Tránh xa những từ viết tắt hoặc tên ngắn như
4,let user = 'John', age = 25, message = 'Hello';
5,let user = 'John', age = 25, message = 'Hello';
6, trừ khi bạn thực sự biết mình đang làm gìlet user = 'John', age = 25, message = 'Hello';
- Đặt tên mang tính mô tả và súc tích tối đa. Ví dụ về tên xấu là
7 vàlet user = 'John', age = 25, message = 'Hello';
8. Những cái tên như vậy không nói lên điều gì. Bạn chỉ có thể sử dụng chúng nếu ngữ cảnh của mã làm cho nó đặc biệt rõ ràng về dữ liệu hoặc giá trị mà biến đang tham chiếulet user = 'John', age = 25, message = 'Hello';
- Đồng ý về các điều khoản trong nhóm của bạn và trong suy nghĩ của riêng bạn. Nếu một người truy cập trang web được gọi là “người dùng” thì chúng ta nên đặt tên cho các biến liên quan là
9 hoặclet user = 'John', age = 25, message = 'Hello';
0 thay vìlet user = 'John' , age = 25 , message = 'Hello';
1 hoặclet user = 'John' , age = 25 , message = 'Hello';
2let user = 'John' , age = 25 , message = 'Hello';
Nghe có vẻ đơn giản? . Cứ liều thử đi
Tái sử dụng hoặc tạo?
Và lưu ý cuối cùng. Có một số lập trình viên lười biếng, thay vì khai báo các biến mới, họ có xu hướng sử dụng lại các biến hiện có
Kết quả là, các biến số của chúng giống như những chiếc hộp mà mọi người ném những thứ khác nhau vào mà không cần thay nhãn dán. Có gì bên trong hộp bây giờ?
Những lập trình viên như vậy tiết kiệm một chút khi khai báo biến nhưng mất gấp mười lần khi gỡ lỗi
Một biến phụ là tốt, không xấu
Các trình duyệt và công cụ khai thác JavaScript hiện đại tối ưu hóa mã đủ tốt, do đó, nó sẽ không tạo ra các vấn đề về hiệu suất. Sử dụng các biến khác nhau cho các giá trị khác nhau thậm chí có thể giúp công cụ tối ưu hóa mã của bạn