Biến JavaScript

Biến JavaScript

Biến trong JavaScript là bộ chứa giá trị dữ liệu.

Trong ví dụ này, x, y và z là biến:

Mẫu

var x = 7;
var y = 8;
var z = x + y;

Thử ngay

Từ ví dụ trên, bạn có thể nhận được:

  • x lưu trữ giá trị 7
  • y lưu trữ giá trị 8
  • z lưu trữ giá trị 15

Giống như đại số

Trong ví dụ này, price1, price2 và total là biến:

Mẫu

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Thử ngay

Trong lập trình, giống như đại số, chúng ta sử dụng biến (ví dụ: price1) để lưu trữ giá trị.

Trong lập trình, giống như đại số, chúng ta sử dụng biến trong biểu thức (total = price1 + price2).

Từ ví dụ trên, bạn có thể tính ra giá trị của total là 27.

Lưu ý:Biến trong JavaScript là bộ chứa giá trị dữ liệu.

Biến nhận diện trong JavaScript

Tất cả các biến trong JavaScript biếnphải bắt đầu bằngTên duy nhấtcủabiến nhận diện。

Những tên duy nhất này gọi làBiến nhận diện。

Biến nhận diện có thể là tên ngắn (ví dụ: x và y), hoặc tên mô tả chi tiết hơn (age, sum, totalVolume).

Quy tắc chung để tạo tên biến (biến nhận diện duy nhất) là:

  • Tên có thể chứa chữ cái, số, dấu gạch dưới và dấu đô la.
  • Tên phải bắt đầu bằng chữ cái.
  • Tên cũng có thể $ và _ bắt đầu (nhưng trong hướng dẫn này chúng ta sẽ không làm như vậy).
  • Tên phân biệt chữ hoa và chữ thường (y và Y là biến khác nhau).
  • Các từ khóa (ví dụ: từ khóa của JavaScript) không thể được sử dụng làm tên biến.

Lưu ý:Tên biến trong JavaScript phân biệt chữ hoa và chữ thường.

toán tử gán

Trong JavaScript, dấu bằng (=） là toán tử gán, không phải toán tử bằng.

Điểm này khác với đại số. Mã sau đây không hợp lý trong đại số:

x = x + 5

Nhưng trong JavaScript, điều này rất hợp lý: gán giá trị của x + 5 vào x.

（Tính giá trị của x + 5 và đặt kết quả vào x. Giá trị của x tăng lên 5.)

Chú ý:Biểu thức toán tử "bằng" trong JavaScript là ==。

Kiểu dữ liệu JavaScript

Biến JavaScript có thể lưu trữ giá trị số, chẳng hạn như 100, và giá trị văn bản, chẳng hạn như "Bill Gates".

Trong lập trình, giá trị văn bản được gọi là chuỗi.

JavaScript có thể xử lý nhiều loại dữ liệu, nhưng bây giờ chúng ta chỉ tập trung vào giá trị số và giá trị chuỗi.

Chuỗi được bao bọc trong dấu ngoặc kép hoặc dấu ngoặc đơn. Giá trị không cần dấu ngoặc.

Nếu đặt giá trị trong dấu ngoặc kép, nó sẽ được coi là chuỗi văn bản.

Mẫu

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

Thử ngay

Khai báo (tạo) biến JavaScript

Trong JavaScript, việc tạo biến được gọi là "khai báo biến".

Bạn có thể var Chìa khóa để khai báo biến JavaScript là:

var carName;

Sau khi khai báo, biến không có giá trị. (Technically, its value is undefined。）

Nếu cầnGán giá trịĐể gán giá trị cho biến, hãy sử dụng dấu bằng:

carName = "porsche";

Bạn có thể gán giá trị cho biến khi khai báo:

var carName = "porsche";

Trong ví dụ trên, chúng ta đã tạo biến có tên là carName và gán giá trị "porsche" cho nó.

Sau đó, chúng ta "đưa ra" giá trị đó trong đoạn văn HTML có id="demo":

Mẫu

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Thử ngay

Lưu ý:

Khai báo tất cả các biến ở đầu của đoạn mã là một thói quen tốt!

Một câu, nhiều biến

Bạn có thể khai báo nhiều biến trong một câu. var Là đầu của câu và kết thúc bằngDấu phẩyChia tách biến:

var person = "Bill Gates", carName = "porsche", price = 15000;

Thử ngay

Khai báo có thể trải dài nhiều dòng:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Thử ngay

Value = undefined

Trong chương trình máy tính, biến được khai báo thường không có giá trị. Giá trị có thể là nội dung cần tính toán hoặc dữ liệu được cung cấp sau này, chẳng hạn như đầu vào dữ liệu.

Biến không có giá trị, giá trị của nó sẽ là undefined。

Giá trị của biến carName sau khi thực hiện câu lệnh này là undefined:

Mẫu

var carName;

Thử ngay

Khai báo lại biến JavaScript

Nếu lại khai báo biến JavaScript, giá trị của nó sẽ không bị mất.

Sau khi thực hiện hai câu lệnh trên, giá trị của biến carName vẫn là "porsche":

Mẫu

var carName = "porsche";
var carName;

Thử ngay

Toán học JavaScript

Tương tự như toán học, bạn có thể thực hiện toán术 với biến JavaScript bằng cách sử dụng = và + các toán tử như:

Mẫu

var x = 3 + 5 + 8;

Thử ngay

Chuỗi cũng có thể sử dụng dấu cộng, nhưng chuỗi sẽ được nối lại:

Mẫu

var x = "Bill" + " " + "Gates";

Thử ngay

Bạn có thể thử điều này:

Mẫu

var x = "8" + 3 + 5;

Thử ngay

Lưu ý:Nếu bạn đặt giá trị cần thêm vào dấu ngoặc kép, các giá trị còn lại sẽ được coi là chuỗi và được nối lại.

Hãy thử điều này:

Mẫu

var x = 3 + 5 + "8";

Thử ngay

Đọc thêm

Hướng dẫn nâng cao JavaScript: Cú pháp ECMAScript、 Biến ECMAScript