Biến trong Javascript

Biến là nơi chứa dữ liệu và được sử dụng trong biểu thức. Biến trong JavaScript có thể được khai báo theo 4 cách:

• + Tự động
• + sử dụng var
• + sử dụng let
• + sử dụng const

Trong ví dụ đầu tiên đươi đây thì x, y và z là các biến không được khai báo. Chúng được tự động khai báo khi sử dụng lần đầu:

x = 5;
y = 6;
z = x + y;

Lưu ý: Việc luôn khai báo các biến trước khi sử dụng được coi là cách lập trình tốt.

Sau khi khai báo, biến không có giá trị (về mặt kỹ thuật là undefined). Để gán giá trị cho biến, hãy sử dụng dấu “=” và Bạn cũng có thể gán giá trị cho biến khi khai báo nó:

Ví dụ sử dụng var:

var x = 5;
var y = 6;
var z = x + y;

Từ khóa var đã được sử dụng trong tất cả các mã JavaScript từ năm 1995 đến năm 2015. Từ khóa let và const đã được thêm vào JavaScript vào năm 2015.

Do đó từ khóa này chỉ nên được sử dụng trong mã được viết cho các trình duyệt cũ hơn.

Ví dụ sử dụng let:

let x = 5;
let y = 6;
let z = x + y;

Ví dụ sử dụng const:

const x = 5;
const y = 6;
const z = x + y;

Ví dụ sử dụng hỗn hợp:

const price1 = 5;
const price2 = 6;
let total = price1 + price2;

Hai biến price1 và price2 được khai báo bằng const. Đây là những giá trị không đổi và không thể thay đổi. Biến total được khai báo bằng let và Giá trị của biến  total có thể được thay đổi.

Ví dụ Khai báo nhiều biến  cùng một lúc:

Bạn có thể khai báo nhiều biến trong một câu lệnh. Bắt đầu câu lệnh bằng let và phân tách các biến bằng dấu phẩy :

let person = "John Doe", carName = "Volvo", price = 200;

hoặc:

let person = "John Doe",
carName = "Volvo",
price = 200;

Khi nào nên sử dụng var, let hay const?

• + Luôn khai báo biến
• + Luôn sử dụng const nếu giá trị không được thay đổi
• + Luôn sử dụng const nếu không nên thay đổi kiểu dữ liệu (Mảng và Đối tượng)
• + Chỉ sử dụng let nếu không thể sử dụng const
• + Chỉ sử dụng var nếu bạn PHẢI hỗ trợ các trình duyệt cũ.

Nếu bạn khai báo lại một biến JavaScript được khai báo bằng var, nó sẽ không mất giá trị. ví dụ:

var carName = "Volvo";
var carName;

Trong ví dụ trên biến carName sẽ vẫn có giá trị là Volvo. Tuy nhiên nếu:

let carName = "Volvo";
let carName;

Trong ví dụ trên biến carName sẽ không có giá trị

Tất cả các biến JavaScript phải được xác định bằng tên duy nhất . Các quy tắc chung để xây dựng tên cho các biến là:

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

Dấu = trong Javascript

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

x = x + 5

Các bạn thấy biểu thức trên nếu đứng ở góc nhìn đại số thì vô lý đúng không? 

Trong JavaScript, điều đó hoàn toàn hợp lý: thực tế nó đang gán giá trị của x + 5 cho x. (Nó tính giá trị của x + 5 và đặt kết quả vào x. Giá trị của x được tăng thêm 5). Toán tử "=" trong JavaScript sẽ được viết ==.

Các kiểu dữ liệu trong JavaScript

Các biến JavaScript có thể chứa các số như 100 và các giá trị văn bản như "MinaCode". Trong lập trình, giá trị văn bản được gọi là chuỗi văn bản. JavaScript có thể xử lý nhiều loại dữ liệu, nhưng trước mắt các bạn cứ lưu ý giúp mình 2 kiểu chính là số và chuỗi đã nhé!.

Chuỗi được viết bên trong dấu ngoặc kép hoặc dấu ngoặc đơn. Số được viết không có dấu ngoặc kép. Nếu bạn đặt một số trong dấu ngoặc kép, số đó sẽ được coi là một chuỗi văn bản.

const pi = 3.14;
let web= "minacode";
let say = 'Kênh tự học lập trình miễn phí';

Số học trong Javascript

Giống như đại số, bạn có thể thực hiện phép tính với các biến JavaScript bằng cách sử dụng các toán tử như + - * /.

let x = 5 + 2 + 3;//kết quả là 10

Bạn cũng có thể thêm chuỗi nhưng chuỗi sẽ được nối với nhau:

let x = "Mina" + " " + "Code";//kết quả là Mina Code

Nếu bạn đặt một số trong dấu ngoặc kép, các số còn lại sẽ được coi là chuỗi và được nối với nhau.

let x = "5" + 2 + 3;//kết quả là 523

Tuy nhiên nếu nó được đặt ở cuối

let x = 2 + 3 + "5";//kết quả là 55

Ký hiệu $ trong JavaScript 

Vì JavaScript coi ký hiệu $ là một chữ cái nên các tên biến chứa $ là tên biến hợp lệ:

let $ = "Mina Code";
let $$$ = 2;
let $price = 5;

Dấu gạch dưới (_) trong JavaScript 

Vì JavaScript coi dấu gạch dưới là một chữ cái nên các mã định danh chứa _ là tên biến hợp lệ:

let _web = "minacode.net";
let _x = 2;
let _100 = 5;