Bộ nhớ cục bộ và phiên trong javascript là gì?

Nếu bạn là nhà phát triển web, thì có lẽ bạn đã nghe nói về lưu trữ cục bộ và lưu trữ phiên. Nhưng chính xác thì chúng là gì?

API lưu trữ web

Trước HTML5, các nhà phát triển chỉ phải dựa vào cookie để lưu trữ dữ liệu ở phía máy khách. Tuy nhiên, khi HTML5 được giới thiệu, các nhà phát triển đã được cung cấp tùy chọn sử dụng API mới có tên là Lưu trữ web. API này cung cấp hai loại lưu trữ khác nhau. lưu trữ cục bộ và lưu trữ phiên. Lưu trữ cục bộ và lưu trữ phiên cho phép các ứng dụng web lưu trữ dữ liệu cục bộ trên trình duyệt của người dùng

Lưu trữ phiên

Lưu trữ phiên là một loại lưu trữ web cho phép dữ liệu được lưu trữ ở phía máy khách chỉ trong khoảng thời gian của phiên hiện tại. Khi người dùng đóng trình duyệt của họ, tất cả dữ liệu đã được lưu trữ trong bộ lưu trữ phiên sẽ bị xóa

Lưu trữ phiên hữu ích để lưu trữ dữ liệu tạm thời không cần phải duy trì trong các phiên, chẳng hạn như ID phiên hoặc dữ liệu tạm thời chỉ được sử dụng trong khoảng thời gian của phiên hiện tại

Đặt dữ liệu trong bộ nhớ phiên

Để đặt dữ liệu trong bộ lưu trữ phiên, bạn có thể sử dụng phương thức setItem[]. Phương thức này chấp nhận hai đối số

• Khóa, là một chuỗi sẽ được sử dụng để xác định dữ liệu
• Giá trị, là dữ liệu được lưu trữ

Ví dụ: để đặt biến phiên có tên user_id với giá trị là 1234, bạn sẽ thực hiện như sau

sessionStorage.setItem[‘user_id’, ‘1234’];

Lấy dữ liệu từ lưu trữ phiên

Để truy xuất dữ liệu từ bộ lưu trữ phiên, bạn có thể sử dụng phương thức getItem[]. Phương thức này chấp nhận một đối số duy nhất, đó là khóa của dữ liệu mà bạn muốn truy xuất. Ví dụ: để lấy giá trị của biến phiên user_id, bạn sẽ làm như sau

let user_id = sessionStorage.getItem[‘user_id’]; // 1234

Xóa dữ liệu khỏi bộ nhớ phiên

Để xóa dữ liệu khỏi lưu trữ phiên, bạn có thể sử dụng phương pháp

let user_id = sessionStorage.getItem[‘user_id’]; // 1234

0. Phương thức này chấp nhận một đối số duy nhất, đó là khóa của dữ liệu mà bạn muốn xóa. Để xóa biến phiên user_id, bạn sẽ làm như sau

sessionStorage.removeItem[‘user_id’];

Ảnh của ThisisEngineering RAEng trên Bapt

Lưu trữ cục bộ

Lưu trữ cục bộ là một loại lưu trữ web cho phép dữ liệu được lưu trữ ở phía máy khách vô thời hạn. Không giống như bộ nhớ phiên, dữ liệu được lưu trữ trong bộ nhớ cục bộ vẫn còn ngay cả sau khi đóng trình duyệt

Bộ nhớ cục bộ hữu ích để lưu trữ dữ liệu cần được duy trì trong các phiên, chẳng hạn như tùy chọn hoặc cài đặt của người dùng

Đặt dữ liệu trong bộ nhớ cục bộ

Để đặt dữ liệu trong bộ nhớ cục bộ, bạn cũng có thể sử dụng phương pháp setItem[]. Phương thức này chấp nhận hai đối số giống nhau

• Khóa, là một chuỗi sẽ được sử dụng để xác định dữ liệu
• Giá trị, là dữ liệu được lưu trữ

Sử dụng cùng một ví dụ, chúng ta có thể đặt biến cục bộ có tên user_id thành giá trị 1234

localStorage.setItem[‘user_id’, ‘1234’];

Truy xuất dữ liệu từ bộ nhớ cục bộ

Để truy xuất dữ liệu từ bộ nhớ cục bộ, bạn cũng có thể sử dụng phương pháp getItem[]. Phương thức này chấp nhận cùng một đối số duy nhất, đó là khóa của dữ liệu mà bạn muốn truy xuất

let user_id = localStorage.getItem[‘user_id’]; // 1234

Xóa dữ liệu khỏi bộ nhớ cục bộ

Để xóa tất cả dữ liệu khỏi bộ nhớ cục bộ, bạn có thể sử dụng phương pháp

let user_id = sessionStorage.getItem[‘user_id’]; // 1234

2. Phương pháp này không chấp nhận bất kỳ đối số

localStorage.clear[];

Để xóa một mục cụ thể khỏi bộ nhớ cục bộ, bạn có thể sử dụng phương pháp

let user_id = sessionStorage.getItem[‘user_id’]; // 1234

0. Phương thức này chấp nhận một đối số duy nhất, đó là khóa của dữ liệu mà bạn muốn xóa

localStorage.removeItem[‘user_id’];

Bộ nhớ cục bộ so với Bộ nhớ phiên

Bây giờ chúng tôi đã đề cập đến những điều cơ bản về lưu trữ cục bộ và lưu trữ phiên, hãy thảo luận về sự khác biệt giữa hai

Sự khác biệt chính giữa bộ nhớ cục bộ và bộ nhớ phiên là dữ liệu được lưu trữ trong bộ nhớ cục bộ vẫn tồn tại ngay cả sau khi đóng trình duyệt, trong khi dữ liệu được lưu trữ trong bộ nhớ phiên chỉ khả dụng trong khoảng thời gian của phiên hiện tại

Một điểm khác biệt nữa là bộ nhớ cục bộ không dựa trên phiên, nghĩa là dữ liệu bên trong bộ nhớ cục bộ phải được xóa thủ công. Cuối cùng, dung lượng lưu trữ của bộ nhớ cục bộ cũng lớn hơn dung lượng lưu trữ phiên

Bộ nhớ cục bộ được sử dụng tốt nhất cho dữ liệu cần được duy trì trong các phiên, chẳng hạn như tùy chọn hoặc cài đặt của người dùng. Lưu trữ phiên phù hợp hơn với dữ liệu tạm thời không cần lưu sau khi phiên kết thúc

Tôi hy vọng bài viết này sẽ giải tỏa mọi nhầm lẫn mà bạn gặp phải. Chúc may mắn với các dự án mã hóa của bạn

Thêm nội dung tại PlainEnglish. io. Đăng ký nhận bản tin hàng tuần miễn phí của chúng tôi. Theo dõi chúng tôi trên Twitter và LinkedIn. Kiểm tra Sự bất hòa trong cộng đồng của chúng tôi và tham gia Tập thể tài năng của chúng tôi

Lưu trữ cục bộ so với lưu trữ phiên là gì?

Lưu trữ phiên JavaScript là gì?

LocalStorage trong JavaScript là gì?

Lưu trữ phiên là gì?