Цепочка функций в JavaScript?

Это возможно, если вы создаете объект-оболочку/декоратор, который делает возможной цепочку. Например, так работает jQuery. Но в данном случае это бесполезно.

Однако я сделал возможную реализацию.

Но getItem разорвет цепочку (поэтому его всегда следует использовать в конце).

storage().setItem('names', 'Bill').getItem('names'); // or
storage().setItem('names').addItem('Bill').getItem('names'); // or
storage().key('names').value('Bill').set().get('names');

Реализация

(function( window, undefined ) {

var storage = function( key, value ) {
  return new storage.init( key, value );
};

storage.init = function( key, value ) {
  this._key   = key;
  this._value = value;
};

storage.init.prototype = {

  key: function( key ) {
    this._key = key;
    return this;
  },

  value: function( value ) {
    this._value = value;
    return this;
  },

  get: function( key ) {
    key = isset(key) || this._key;
    return localStorage.getItem( key );
  },

  set: function( key, value ) {
    this._key   = key   = isset(key)   || this._key;
    this._value = value = isset(value) || this._value;
    if ( key && value ) {
      localStorage.setItem( key, value );
    }
    return this;
  },

  addItem: function( value ) {
    this._value = isset(value) || this._value;
    if ( this._key && value !== undefined ) {
      localStorage.setItem( this._key, value );
    }
    return this;
  },

  // aliases...
  getItem: function( key ) {
    return this.get( key );
  },
  setItem: function( key, value  ) {
    return this.set( key, value );
  }
};

function isset( value ) {
  return value !== undefined ? value : false;
}

window.storage = storage;

})( window );

Это невозможно.

Если getItem('names') возвращает Bill, вы не можете вызвать для него addItem.
Можно было бы добавить методы addItem и getItem к каждому элементу в хранилище, но это была бы ужасная идея.

Проще всего было бы не делать этого вообще :)

Если это не сработает, то есть такие решения, как изменение нативной функции getItem, но это очень плохая идея. Лучшим способом было бы написать оболочку вокруг localStorage, очень похожую на то, что jQuery делает с узлами DOM, и использовать эту оболочку для получения и помещения элементов в локальное хранилище. Оболочка может иметь такой интерфейс, как:

ApplicationStorage
    getItem()
    setItem()
    key()
    removeItem()

Затем определите приемлемые оболочки типов, такие как Array, в ApplicationStorage, которые имеют такие методы, как addItem.

ApplicationStorage.Array
    addItem()

При вызове applicationStorage.getItem("names") вернуть объект ApplicationStorage.Array, содержащий метод addItem, который сделает возможной цепочку.

getItem('names').addItem('Bill').getItem('names')

Я в замешательстве, как вы получаете элемент, который не был добавлен???

getItem возвращает объект, содержащий метод addItem, а метод addItem возвращает объект, содержащий метод getItem.

В любом случае, посмотрите следующий учебник. Это не решит полностью вашу проблему, но даст вам представление.

http://guanfenglin.spaces.live.com/blog/cns!4E0822BF6C959B7F!668.entry