Variables

Một phần không thể thiếu trong lập trình là các biến. Bạn hãy nghĩ chúng như những không gian lưu trữ, nơi mà bạn sử dụng để lưu trữ một phần thông tin, như một con số, ngày tháng hoặc một đoạn văn bản để sử dụng sau này. Bạn sẽ không thể tiến xa nếu không có khả năng này, và tất nhiên các biến cũng có thể sử dụng trong JavaScript.

Một biến được khai báo bằng các sử dụng từ khóa let hoặc nếu bạn là một nhà phát triển JavaScript theo trường phái cũ như tôi, sẽ sử dụng từ khóa var. Cả hai đều có thể được sử dụng, nhưng có một số khác biệt nhỏ, chúng ta sẽ thảo luận sau - hiện tại, chỉ cần sử dụng phiên bản mới với từ khóa let.

Một biến được khai báo bao gồm từ khóa let, theo sau đó là tên biến (bạn tự quyết định nó), sẽ như thế này:

Khai báo và sử dụng biến

let age;

Điều này đơn giản chỉ là thông báo cho trình thông dịch biết rằng có một biến tồn tại với tên gọi là "age". Biến vẫn chưa có giá trị, nhưng sau khi khai báo, bạn có thể gán giá trị cho nó, như thế này:

let age;
age = 42;

Tất nhiên, nếu bạn đã biết giá trị của biến, bạn có thể gán giá trị đó cùng lúc khi khai báo biến, như ví dụ này:

let age = 42;

Bạn thậm chí có thể khai báo nhiều biến với các giá trị khác nhau trên cùng một dòng - chỉ cần phân tách các biến bằng dấu phẩy (,):

let name = "John Doe", age = 42, mail = "john@doe.com";

Sau khi khai báo một hoặc nhiều biến, bạn có thể sử dụng chúng và thay đổi giá trị của chúng theo bất kỳ cách nào mà bạn muốn. Sau đây là một ví dụ:

let name = "John Doe", age = 42;

document.write("My name is: " + name + " and today is my birthday");
age = age + 1;
document.write("I am now " + age + " years old");

Trong ví dụ trên, tôi khai báo hai biến và sau đó bắt đầu sg ử dụng chúng. Tôi chỉ đơn giản là in ra giá trị của chúng, nhưng sau đó tôi thay đổi giá trị của age và sau đó tôi lại in ra giá trị của nó. Như bạn thấy, nó khá là đơn giản.

Đặt tên cho biến

Như đã đề cập ở trên, bạn có thể tùy ý quyết định tên biến của mình. Tuy nhiên vẫn có một vài quy tắc:

• Tên biến chỉ có thể chứa các chữ cái, chữ số và/hoặc hai ký tự đặc biệt: $ (dấu dollar_) và dấu gạch dưới (_)
• Tên biến không thể bắt đầu bằng chữ số.
• Bạn không thể sử dụng bất kỳ từ khóa, từ dành riêng mà chúng đang có, nhưng chúng có thể là một phần trong tên biến. Ví dụ, "break" là một từ khóa, nghĩa là biến của bạn không thể được đặt là "break", nhưng CÓ THỂ được đặt là "lunchBreak"

Khi đặt tên cho các biến phức tạp trong JavaScript, quy tắc camelCasing thường được sử dụng. Điều này có nghĩa từ đầu tiên trong tên biến được bắt đầu bằng chữ thường, trong khi các từ còn lại được bắt đầu bằng chữ hoa. Sau đây là một ví dụ cụ thể về điều này:

let userMailAddress = "john@doe.com";
let aLongVariableNameWithManyWords = 42;

Tuy nhiên, hãy luôn nhớ rằng đây chỉ là hướng dẫn - bạn có thể tự do làm bất cứ điều gì bạn muốn, bao gồm tất cả đều là chữ thường hoặc chữ hoa miễn là bạn hiểu nó. Chỉ cần nhớ rằng JavaScript phân biệt chữ hoa và chữ thường, vì vậy nếu bạn khai báo một biến tên "NAME", đừng mong đợi bạn có thể tham chiếu đến nó bằng tên "name".

Hằng số

Bên trên chúng ta đã học được rằng bạn có thể gán giá trị và thay đổi giá trị của một biến bất cứ khi nào bạn muốn. Nhưng đôi khi bạn lại muốn khai báo một biến, gán giá trị lúc khai báo và không bao giờ cho phép thay đổi giá trị của biến đó. Vì mục đích này, chúng ta có hằng số (constants). Chúng sẽ giống như một biến, nhưng chúng sử dụng từ khóa const thay vì var hoặc let:

const answerToEverything = 42;

Lưu ý rằng tôi gán giá trị cho hằng số ngay lập tức - không giống như biến, bạn không thể khai báo hằng số mà không gán giá trị cho nó. Và vì nó là hằng số, nên nó không thể bị thay đổi - trình thông dịch sẽ ngay lập tức đưa ra lỗi nếu bạn cố gắng làm điều đó:

const answerToEverything = 42;

// Won't work - it's a constant!
answerToEverything = 43;

Nếu bạn cố gắng làm như ví dụ trên, bạn dẽ nhận được thông báo lỗi như này:

Uncaught TypeError: Assignment to constant variable.

Nó có thể thực sự hữu ích khi mà có các biến mà bạn hoặc bất ký ai khác không thể thay đổi, vì một số thứ đơn giản là không bao giờ thay đổi. Vì lý do này, bản thân JavaScript đi kèm với rất nhiều hằng số có sẵn , ví dụ: Math.PI:

// A constant - it can't be changed!
Math.PI = 42;
// 3.141592653589793
alert(Math.PI);

Tóm tắt

Hãy suy nghĩa rằng các biến như những hộp lưu trữ được sắp xếp gọn gàng cùng với các nhãn trên chúng: Bạn có thể lưu trữ bất kỳ thông tin gì trong một biến và đặt tên cho nó để sau này bạn có thể truy cập và/hoặc sử đổi nội dung của biến. Biến là một phần quan trọng của lập trình và bạn sẽ thấy chúng được sử dụng trong rất nhiều các ví dụ trong hướng dẫn này và thậm chí còn nhiều hơn thế trong thế khi bạn bắt đấu viết các đoạn mã cho chính bản thân bạn.