Cùng tìm hiểu về biến trong JavaScript
Cùng tìm hi u v bi n trong JavaScriptể ề ế
Các bi n là ph n thi t y u c a m i ngôn ng l p trình. Vì v y, b n ph i ế ầ ế ế ủ ọ ữ ậ ậ ạ ả
hi u nh ng đi u c b n c a bi n tr c khi b n đi sâu vào ng d ng. Nên ể ữ ề ơ ả ủ ế ướ ạ ứ ụ
hôm nay mình xin trình bày đôi nét v bi n Javascript.ề ế
1. Bi n là gì ?ế
Gi ng nh nhi u ngôn ng l p trình khác, JavaScript có các bi n. Các bi nố ư ề ữ ậ ế ế
có th đ c coi là các thùng ch a có tên. B n có th đ t d li u vào các ể ượ ứ ạ ể ặ ữ ệ
vùng ch a này và sau đó tham kh o d li u ch b ng cách đ t tên vùng ứ ả ữ ệ ỉ ằ ặ
ch a.ứ
2. Bi n JavaScrip đ c l u đâu.ế ượ ư ở
Các bi n JavaScript đ c l u tr trong b nh c a browser process ( ti n ế ượ ư ữ ộ ớ ủ ế
trình trình duy t) hi u nôm na 1 cách đ n gi n là bi n đ c l u trong ph nệ ể ơ ả ế ượ ư ầ
Ram mà trình duy t đang s d ng.ệ ử ụ
3. Khai báo bi nế
Đ khai báo m t bi n ta s d ng t khóaể ộ ế ử ụ ừ const, let, var.
const đ c s d ng đ khai báo 1 h ng s , và giá tr c a nó không thay đ iượ ử ụ ể ằ ố ị ủ ổ
trong su t ch ng trình.ố ươ
let khai báo bi n ch có th truy c p đ c trong block bao quanh nó đ c ế ỉ ể ậ ượ ượ
xác đ nh b ng c p {}.ị ằ ặ
var khai báo bi n có th truy c p ph m vi hàm s ho c bên ngoài hàm ế ể ậ ở ạ ố ặ
s , toàn c c.ố ụ
Gi ng nh ngôn ng khác, cách đ t tên bi n c a JS cũng ph i tuân theo 1 ố ư ữ ặ ế ủ ả
s quy t c sau :ố ắ
Tên bi n ph i là các ch không d u vi t hoa ho c vi t th ng, các ế ả ữ ấ ế ặ ế ườ
ch s t 0-9 và d u g ch d i () và kí hi u $.ữ ố ừ ấ ạ ướ ệ
Tên bi n b t đ u ph i là ch ho c d u g ch d i (_), n u b t đ u ế ắ ầ ả ữ ặ ấ ạ ướ ế ắ ầ
b ng s là sai.ằ ố
Không th s d ng các t dành riêng (nh t khóa JavaScript) làm ể ử ụ ừ ư ừ
tên.
Các tên có phân bi t ch hoa ch th ngệ ữ ữ ườ
m t s ví d v khai báo bi nộ ố ụ ề ế
*// Đúng*
var person;
*// Đúng*
var _person;
*// Đúng*
var __person;
*// Đúng*
var person1;
*// SAI*
var 10persion;
4. Ki u d li u c a bi nể ữ ệ ủ ế
Khi khai báo bi n ta không c n ph i khai báo ki u c a bi n đó tr c khi ế ầ ả ể ủ ế ướ
dùng. Ki u s đ c t đ ng xác đ nh trong lúc ch ng trình đ c th c thi.ể ẽ ượ ự ộ ị ươ ượ ự
Đi u đó cũng có nghĩa là m t bi n có th ch a giá tr c a các ki u d li u ề ộ ế ể ứ ị ủ ể ữ ệ
khác nhau.
var test = 123 ; // test là m t sộ ố
var test = "variable of js "; //test là m t chu iộ ỗ
var test = true; // test là m t booleanộ
Theo tiêu chu n ECMAScript xác đ nh b y ki u d li u nh sau :ẩ ị ả ể ữ ệ ư
Ki u booleanể
Ki u nullể
Ki u undefinedể
Ki u sể ố
Ki u chu iể ỗ
Ki u Symbol (m i trong ECMAScript 6)ể ớ
Ki u đ i t ngể ố ượ
5. Ph m vi c a bi nạ ủ ế
Có hai lo i ph m vi trong JavaScript.ạ ạ bi n c c b (local scope)ế ụ ộ và bi n toànế
c c (global scope). Bi n toàn c c đ c khai báo ngoài hàm , trong khi đó ụ ế ụ ượ
bi n c c b đ c l u khai báo bên trong m t hàm.(Nên v i cùng m t tên ế ụ ộ ượ ư ộ ớ ộ
bi n, ta có th khai báo nh ng hàm khác nhau).ế ể ở ữ
M t bi n toàn c c có th đ c truy c p t bên ngoài c a hàm cũng nh ộ ế ụ ể ượ ậ ừ ủ ư
bên trong c a hàm nh ng, m t bi n c c b ch có th đ c truy c p bên ủ ư ộ ế ụ ộ ỉ ể ượ ậ
trong hàm. N u truy c p t bên ngoài c a hàm, b n s nh n đ c l i ế ậ ừ ủ ạ ẽ ậ ượ ỗ
'undefined variable' (bi n không xác đ nh).ế ị
ví d đ n gi n :ụ ơ ả
var foo = 50; //<= bi n toàn c c ế ụ
function test() {
var bar = 100; //<= bi n c c b ế ụ ộ
}
Ví d nâng cao :ụ
function sum(a, b) {
var sum = (a + b) ; // sum là bi n c c bế ụ ố
return sum;
}
var result = sum(10, 20); //result là bi n toàn c cế ụ
//và chúng ta có th s d ng bi n result kh p n iể ử ụ ế ở ắ ơ
function showResult(result) {
alert('sum is: ' + result);
}
showResult();
Tr c h t, hàm sum đ c g i là truy n hai bi n tr v giá tr t ng c a ướ ế ượ ọ ề ế ả ề ị ổ ủ
bi n đ c truy n. Sau đó, giá tr tr v đ c l u tr trong bi n result là ế ượ ề ị ả ề ượ ư ữ ế
bi n toàn c c . Sau đó, hàm showResult () đ c g i đ hi n th giá tr ế ụ ượ ọ ể ể ị ị
đ c l u tr trong bi n toàn c c.ượ ư ữ ế ụ
6. M t s v n đ hay g p ph i khi làm vi c v i bi n.ộ ố ấ ề ặ ả ệ ớ ế
1. S d ng toán t gán (=), thay vì toán t so sánh (==) trong câu l nh if.ử ụ ử ử ệ
var x = 0;
if (x = 10)
câu l nh này s tr v giá tr true vì 10 là trueệ ẽ ả ề ị
var x = 0;
if (x = 0)
câu l nh này s tr v giá tr false vì 0 là falseệ ẽ ả ề ị
đ so sánh chính xác chúng ta ph i s d ng nh sauể ả ử ụ ư
var x = 0;
if (x == 10)
2. Nh m l n gi a vi c b sung và thêm sầ ẫ ữ ệ ổ ố
C 2 phép tính toán trên đ u s d ng toán t c ng gi ng nhau.ả ề ử ụ ử ộ ố
var x = 10;
var y = 5;
var z = x + y; // k t qu c a z là 15.ế ả ủ
var x = 10;
var y = "5";
var z = x + y; // k t qu c a z là "105".ế ả ủ
3. Phá v chu i JavaScriptỡ ỗ
javascript cho phép chúng ta chia chu i thành 2 dòng nh ng n u khai báo ỗ ư ế
nh :ư
var x = "Hello
World!";
bi n s không ho t đ ng.ế ẽ ạ ộ
đ bi n h at đ ng chúng ta c n khai báo nh sau :ể ế ọ ộ ầ ư
var x = "Hello \
World!";
có thể bạn quan tâm
Tìm hiểu về ES6 trong Javascript
0
644
342
Lập trình
(New)
Khảo sát sự biến đổi hàm lượng của vitamin C (loại vitamin dễ biến đổi...
24
985
507
Kinh tế quản lý
24
(New)
Tiểu luận: Lợi ích của dừa đồng thời hiểu rõ thêm về phương pháp chế b...
24
783
323
Kinh tế quản lý
24
(New)
Khảo sát, đánh giá hiệu quả kinh tế - kỹ thuật của hai mô hình nuôi th...
66
790
483
Kinh tế - Thương mại
66
(New)
Vai trò và sự cần thiết phải phát triển công nghiệp chế biến nông sản,...
89
1.040
320
Báo cáo, luận văn khác
89
(New)
Một số hàm hữu ích để xử lý mảng trong Javascript
13
664
295
Lập trình
13
(New)
Đề tài: tìm hiểu và đưa ra những con số thống kê cũng như mô hình phát...
46
1.108
421
Kinh tế quản lý
46
(New)
Khả năng tương thích trình duyệt trong JavaScript
3
684
297
Lập trình
3
(New)
thông tin tài liệu
JavaScript
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
×
