Biến trong JavaScript - Cách đặt tên biến trongJavaScript

Cập nhật: 19 thg 8, 2019 17:04
1. Cú Pháp
Để khai báo biến chúng ta sử dụng từ khóa var  với cú pháp sau:
var nameOfVariable = value;
Trong đó:
- nameOfVariable: tên biến bạn cần đặt
- value: giá trị bạn cần gán cho biến nameOfVariable.
- Kết thúc khai báo (tạo) biến là ' ; '.


Ngoài sử dụng từ khóa var chúng ta có thể sử dụng từ khóa let hoặc const để khai báo:
- var : tạo ra 1 biến có phạm vi truy cập function chứa nó hoặc ngoài phạm function.
- let : tạo ra một biến chỉ có thể truy cập trong khối (block) bao quanh nó.
- const : dùng để khai báo 1 hàm số không đổi trong suốt quá trình chạy của file.

2. Quy tắc đặt tên biến:
Tên biến không phải bạn muốn đặt kiểu gì cũng được, cần phải theo một vài quy tắc sau:
- Tên biến bao gồm: các chữ cái hoa, chữ cái thường, số (0-9) và dấu gach chân( _ ).
- Tên biến cũng có thể bắt đàu bằng  ký hiệu $ và  _ .
- Tên biến phân biệt ký tự chữ hoa và chữ thường .
- Thường các coder sẽ đặt tên biến: viết hoa chữ cái đầu tiên của từ thứ 2,3...
- Tên biến không có khoảng trắng, viết liền.
- Tên biến không được bắt đầu bằng số .
- Các từ khóa trong JavaScript thì không được phép dùng để đặt tên biến.
var name; // Đúng

var Name; //Đúng

var 1Name; //Sai
 
var name1; //Đúng

var _Name;//Đúng

var $name;//Đúng

var first name;//Sai

var firstName;//Đúng

var first_Name; //Đúng

var first%Name; //Sai
3. Khai báo (tạo) biến trong JavaScript
- Để gán giá trị cho biến ta dùng toán tử (operator) '='.
- Khi 1 biến không đưuọc gán giá trị sẽ có giá trị undefined.
- Khai báo luôn giá trị cho biến khi khởi tạo.
var firstName = 'Zero';
var lastName = 'Coders';
- Khai báo biến trước, sau đó gán giá trị sau:
var fullName;
    fullName = 'Zero Coders';
- Khai báo nhiều biến cùng 1 lúc, chúng sẽ được ngăn cách bằng dấu phẩy.
var firstName ='Zero', lastName ='Coders';
hoặc
var firstName ='Zero',
    lastName ='Coders';
4. Giá trị của biến
var test = 1208; // kiểu số - Number 
var test = '1208'; // Kiểu chuỗi - String
var test = 'Zero Coders'; //Kiểu chuỗi - String
var test = true; //kiểu boolean;
Ngoài ra còn 1 số kiểu như:
Kiểu null
Kiểu undefined
Kiểu null
Kiểu symbol
Kiểu đối tượng
5. Phạm vi của biến
Trong JavaScript, có 2 loại phạm vi của biến: biến cục bộ và biến toàn cục.
- Biến toàn cục: được khai báo ngoài hàm (function).
var fullName = 'Zero Coders'; //Biến toàn cục
- Biến cục bộ: được khai báo bên trong hàm (function). nó chỉ có thể được gọi bên trong function.
function info(){
   var test = 123; //Biến cục bộ
   var myWeb = 'ZeroCoders.blogspot.com'; //Biến cục bộ
}
6. Một số nhầm lẫn những bạn mới học
var x = 2;
var y = 3;
var z = x + y; //kết quả z = 2+3 = 5 - vì đây là kiểu number

var x = 2; //kiểu Number 
var y = '3'; //Kiểu String
var z = x + y; //kết quả z = 2+'3' = 32 - kết quả sẽ là string - kiểu chuỗi.