SessionStorage và LocalStorage cho phép lưu các cặp khóa / giá trị trong trình duyệt web. Giá trị phải là một chuỗi và lưu các đối tượng js không phải là nhỏ.

var user = {'name':'John'};
sessionStorage.setItem('user', user);
var obj = sessionStorage.user; // obj='[object Object]' Not an object

Ngày nay, bạn có thể tránh giới hạn này bằng cách tuần tự hóa các đối tượng thành JSON và sau đó giải tuần tự hóa chúng để khôi phục các đối tượng. Nhưng API lưu trữ luôn vượt qua setItemvà getItemcác phương thức.

sessionStorage.setItem('user', JSON.stringify(user));
var obj = JSON.parse(sessionStorage.getItem('user')); // An object :D

Tôi có thể tránh giới hạn này không?

Tôi chỉ muốn thực hiện một cái gì đó như thế này:

sessionStorage.user.name; // 'John'
sessionStorage.user.name = 'Mary';
sessionStorage.user.name // 'Mary'

Tôi đã thử defineGettervà defineSettercác phương thức để chặn các cuộc gọi nhưng đó là một công việc tẻ nhạt, bởi vì tôi phải xác định tất cả các thuộc tính và mục tiêu của tôi là không biết các thuộc tính trong tương lai.

Bạn có thể sử dụng các bộ truy cập được cung cấp bởi API lưu trữ web hoặc bạn có thể viết một trình bao bọc / bộ điều hợp. Từ vấn đề đã nêu của bạn với notifyGetter / notifySetter có vẻ như việc viết một trình bao bọc / bộ điều hợp là quá nhiều công việc đối với bạn.

Tôi thực sự không biết phải nói gì với bạn. Có lẽ bạn có thể đánh giá lại ý kiến ​​của bạn về "giới hạn lố bịch" là gì. API lưu trữ web đúng như những gì nó được coi là một kho lưu trữ khóa / giá trị.

Bạn không thể ' sessionStorage.setItem()xâu chuỗi ' đối tượng của mình ... sau đó sử dụng để lưu trữ đại diện chuỗi đó của đối tượng của bạn ... sau đó khi bạn cần nó sessionStorage.getItem()và sau đó sử dụng $.parseJSON()để đưa nó trở lại?

Ví dụ hoạt động http://jsfiddle.net/pKXMa/

Giải pháp là xâu chuỗi đối tượng trước khi gọi setItem trên sessionStorage.

var user = {'name':'John'};
sessionStorage.setItem('user', JSON.stringify(user));
var obj = JSON.parse(sessionStorage.user);

Đây là một giải pháp động hoạt động với tất cả các loại giá trị bao gồm các đối tượng:

class Session extends Map {
  set(id, value) {
    if (typeof value === 'object') value = JSON.stringify(value);
    sessionStorage.setItem(id, value);
  }

  get(id) {
    const value = sessionStorage.getItem(id);
    try {
      return JSON.parse(value);
    } catch (e) {
      return value;
    }
  }
}

Sau đó :

const session = new Session();

session.set('name', {first: 'Ahmed', last : 'Toumi'});
session.get('name');

Trường hợp sử dụng:

 sesssionStorage.setObj(1,{date:Date.now(),action:'save firstObject'});
 sesssionStorage.setObj(2,{date:Date.now(),action:'save 2nd object'}); 
 //Query first object
  sesssionStorage.getObj(1)
  //Retrieve date created of 2nd object
  new Date(sesssionStorage.getObj(1).date)

API

Storage.prototype.setObj = function(key, obj) {

        return this.setItem(key, JSON.stringify(obj))
    };
    
    Storage.prototype.getObj = function(key) {
        return JSON.parse(this.getItem(key))
    };

Lưu trữ phiên không thể hỗ trợ một đối tượng tùy ý vì nó có thể chứa các hàm chữ (đóng đọc) không thể được xây dựng lại sau khi tải lại trang.

    var user = {'name':'John'};
    sessionStorage['user'] = JSON.stringify(user);
    console.log(sessionStorage['user']);

Bạn cũng có thể sử dụng thư viện cửa hàng thực hiện nó cho bạn với khả năng crossbrowser.

thí dụ :

// Store current user
store.set('user', { name:'Marcus' })

// Get current user
store.get('user')

// Remove current user
store.remove('user')

// Clear all keys
store.clearAll()

// Loop over all stored values
store.each(function(value, key) {
    console.log(key, '==', value)
})

Bạn có thể tạo 2 phương thức trình bao bọc để lưu và truy xuất đối tượng từ bộ lưu trữ phiên.

function saveSession(obj) {
  sessionStorage.setItem("myObj", JSON.stringify(obj));
  return true;
}

function getSession() {
  var obj = {};
  if (typeof sessionStorage.myObj !== "undefined") {
    obj = JSON.parse(sessionStorage.myObj);
  }
  return obj;
}

Sử dụng nó như thế này: - Nhận đối tượng, sửa đổi một số dữ liệu và lưu lại.

var obj = getSession();

obj.newProperty = "Prod"

saveSession(obj);