Cách đảm bảo tính bất biến trong lập trình Java
Cách đ m b o tính b t bi n trong l p trình Javaả ả ấ ế ậ
Khi làm vi c v i React, h n b n đã nghe đ n tính b t bi n c a d li u ệ ớ ẳ ạ ế ấ ế ủ ữ ệ
(immutability). Đ c tính này, nói m t cách đ n gi n, là kh năng giá tr c aặ ộ ơ ả ả ị ủ
d li u không b thay đ i sau khi đã đ c khai báo. Tính b t bi n giúp cho ữ ệ ị ổ ượ ấ ế
ch ng trình tr nên d d đoán, ít x y ra l i và trong m t s tr ng h p ươ ở ễ ự ả ỗ ộ ố ườ ợ
còn tăng hi u su t c a ng d ng. Do đó, React (và Redux) đ u khuy n ệ ấ ủ ứ ụ ề ế
khích m i ng i vi t code đ h ng đ n đ c tính này.ọ ườ ế ể ướ ế ặ
Tuy v y, n u m i làm quen v i JavaScript và React, có th b n s b ng ậ ế ớ ớ ể ạ ẽ ỡ ỡ
không bi t làm th nào cho “chu n nh t”. Bài vi t d i đây gi i thi u m tế ế ẩ ấ ế ướ ớ ệ ộ
s k thu t giúp b n h ng đ n immutability m t cách d dàng h n. ố ỹ ậ ạ ướ ế ộ ễ ơ
Chúng ta s nói v hàm thu n khi t, các thao tác x lý d li u trên m ng ẽ ề ầ ế ử ữ ệ ả
và object. Cu i cùng, b n có th áp d ng ngay nh ng “tuy t chiêu” v a ố ạ ể ụ ữ ệ ừ
h c đ xây d ng m t demo nh b ng React.ọ ể ự ộ ỏ ằ
L u ý:ư kí hi uệ đ c s d ng trong bài vi t đ th hi n đây là k t ượ ử ụ ế ể ể ệ ế
qu /hi u ng mong mu n.ả ệ ứ ố
Chúng ta b t đ u thôi!ắ ầ
Luôn dùng const khi khai báo d li uữ ệ
L i khuyên đ u tiên và cũng là căn b n nh t, luôn dùngờ ầ ả ấ const khi khai báo.
Ch c b n cũng đã bi t,ắ ạ ế let và const đ c gi i thi u t phiên b n ES6, cho ượ ớ ệ ừ ả
phép khai báo bi n có t m v c theo kh i và không th c hi n hoisting. ế ầ ự ố ự ệ
Đi m khác bi t gi aể ệ ữ let và const là b n có th thay đ i giá tr c a bi n khaiạ ể ổ ị ủ ế
báo v iớ let, trong khi không th v iể ớ const.
1
2
3
4
let foo = 1
foo = 2 // Không thành v n đấ ề
5
6
7
const bar = 1
bar = 2 // Error: Assignment to constant variable.
Do đó, trong h u h t các tr ng h p b n nên khai báo b ngầ ế ườ ợ ạ ằ const đ tránh ể
x y ra l i khi giá tr c a khai báo b thay đ i b t ng . Cũng c n l u ý là ả ỗ ị ủ ị ổ ấ ờ ầ ư
khi khai báo objects v iớ const, m c dù b n không th gán giá tr m i cho ặ ạ ể ị ớ
object nh ng giá tr c a các thu c tính v n có th b thay đ i. ư ị ủ ộ ẫ ể ị ổ
1
2
3
4
5
6
7
8
const obj = { name: 'foo' }
obj = { name: 'bar' } // Error: Assignment to constant variable.
// Nh ng b n có th ...ư ạ ể
obj.name = 'bar'
console.log(obj) // { name: 'bar' }
Thao tác trên object
Nh v y đ thay đ i giá tr c a object mà v n đ m b o tính ch t b t bi n,ư ậ ể ổ ị ủ ẫ ả ả ấ ấ ế
chúng ta c n s d ngầ ử ụ Object.assign(target, ...sources). Hàm này có tác d ng ụ
sao chép thu c tính c a các đ i t ngộ ủ ố ượ sources vào target. Ví d nh : ụ ư
1
2
3
4
const a = { name: 'foo' }
const b = Object.assign({}, a, { name: 'bar', age: 1 }, { id: 9 })
console.log(b) // { name: 'bar', age: 1, id: 9 }
5
C n l u ý đ đ m b o tính b t bi n thì tham sầ ư ể ả ả ấ ế ố target nên luôn là {}, vì khi
đó các giá tr c aị ủ sources s đ c sao chép vào đ i t ng m i. M t cách ẽ ượ ố ượ ớ ộ
dùng sai là:
1
2
3
4
5
6
7
const a = { name: 'foo' }
const b = Object.assign(a, { name: 'bar', age: 1 }, { id: 9 })
console.log(b) // { name: 'bar', age: 1, id: 9 }
console.log(a) // Giá tr c a a cũng b thay đ i thành { name: 'bar', age: 1, id: ị ủ ị ổ
9 }
console.log(a === b) // true
Ngoài Object.assign(), b n cũng có th dùng cú pháp spread cho object. Ví ạ ể
d : ụ
1
2
3
4
5
6
const a = { name: 'foo' }
const b = { ...a, name: 'bar', age: 1, id: 9 }
console.log(b) // { name: 'bar', age: 1, id: 9 }
console.log(a === b) // false
L u ý là cú pháp này hi n v n đang đ c đ xu t vàư ệ ẫ ượ ề ấ ch a đ cư ượ h tr ỗ ợ
trên h u h t các trình duy t. N u mu n xài thì b n ph i dùng Babel hay ầ ế ệ ế ố ạ ả
Bublé đ chuy n đ i nhé.ể ể ổ
M t s thao tác th ng g p khác trên objectộ ố ườ ặ
L y tên các thu c tính c a m t objectấ ộ ủ ộ
1
2
3
4
const obj = { name: 'bar', age: 1, id: 9 }
Object.keys(obj) // ['name', 'age', 'id']
L y giá tr c a các thu c tính c a m t objectấ ị ủ ộ ủ ộ
1
2
3
4
const obj = { name: 'bar', age: 1, id: 9 }
Object.values(obj) // ['bar', 1, 9]
L y c p [thu c tính, giá tr ] c a m t objectấ ặ ộ ị ủ ộ
1
2
3
4
const obj = { name: 'bar', age: 1, id: 9 }
Object.entries(obj) // [ ['name', 'bar'], ['age', 1], ['id', 9] ]
Xóa m t thu c tính ra kh i objectộ ộ ỏ
1
2
3
4
5
const a = { name: 'bar', age: 1, id: 9 }
// Xóa thu c tính ageộ
const b = Object.entries(a).reduce((acc, [key, value]) => {
6
7
8
9
10
return key === 'age' ? acc : { ...acc, [key]: value }
}, {})
console.log(b) // { name: 'bar', id: 9 }
Thao tác trên m ngả
Bên c nh object, m ng là c u trúc d li u r t th ng g p khi làm vi c ạ ả ấ ữ ệ ấ ườ ặ ệ
trong JavaScript. Đ thay đ i d li u c a m t m ng mà v n đ m b o tính ể ổ ữ ệ ủ ộ ả ẫ ả ả
b t bi n, b n có th s d ng cú pháp spread, đ c gi i thi u t ES5. V i ấ ế ạ ể ử ụ ượ ớ ệ ừ ớ
m t s yêu c u khác, chúng ta có th áp d ng các hàm có s n c a l p ộ ố ầ ể ụ ẵ ủ ớ
Array, như map(), filter(), reduce(). M t đ c đi m c a các hàm này là chúngộ ặ ể ủ
luôn tr v m ng/giá tr m i ch không thay đ i m ng ban đ u.ả ề ả ị ớ ứ ổ ả ầ
Áp d ng cú pháp spreadụ
B n có th dùng spread đ nhân b n m t m ng. ạ ể ể ả ộ ả
1
2
3
4
5
6
7
8
const a = [1, 2, 3, 4, 5]
const b = a
console.log(a === b) // true
const c = [...a]
console.log(a === c) // false
Thêm m t ph n t vào m ngộ ầ ử ả
1
2
3
4
5
6
7
8
9
const a = [1, 2, 3]
// Không nên: a.push(4)
const b = [...a, 4] // [1, 2, 3, 4]
// Không nên: a.unshift(0)
const c = [0, ...a] // [0, 1, 2, 3]
N i hai m ng v i nhauố ả ớ
1
2
3
4
5
6
7
const a = [0, 1]
const b = [2, 3]
// Ho c a.concat(b)ặ
const c = [...a, ...b]
Áp d ng hàm có s n đ :ụ ẵ ể
Xóa m t ph n t ra kh i m ng các đ i t ngộ ầ ử ỏ ả ố ượ
1
2
const a = [{ id: 1, name: 'Foo' }, { id: 2, name: 'Bar' }, { id: 3, name: 'Baz' }]
có thể bạn quan tâm
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)
Cách xử lý lỗi trong Java
4
1.007
332
Lập trình
4
(New)
Hướng dẫn xử lý hướng ngoại lệ trong quá trình lập trình Java
22
700
284
Lập trình
22
(New)
Hướng dẫn lâp trình Java cơ bản dành cho sinh viên
205
603
312
Lập trình
205
(New)
Cách xử lý lỗi không cài được Java
9
3.848
322
Lập trình
9
(New)
Một số điểm nổi bật trong Java 10
4
657
330
Lập trình
4
(New)
Cách biến smartphone thành chuột và bàn phím không dây trên máy tính
7
926
256
Tài liệu CNTT khác
7
(New)
Biến USB thành bộ nhớ RAM trong máy tính
4
547
289
Cơ sở dữ liệu
4
(New)
thông tin tài liệu
Khi làm việc với React, hẳn bạn đã nghe đến tính bất biến của dữ liệu (immutability). Đặc tính này, nói một cách đơn giản, là khả năng giá trị của dữ liệu không bị thay đổi sau khi đã được khai báo. Bài viết dưới đây sẽ hướng dẫn bạn cách đảm bảo tính bất biến này
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!
xem nhiều trong tuần
Tâm lý xã hội VÀ Hệ tư tưởng
Tham khảo 12 bài tập nguyên lý thống kê có lời giải
4 đề thi học sinh giỏi Toán lớp 2, có đáp án kèm theo
Trắc nghiệm kinh tế
PHÂN TÍCH CHUỖI CUNG ỨNG CỦA COCA COLA VIỆT NAM
Địa lý 12 Phát triển cây công nghiệp lâu năm Tây Nguyên
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
