Два экземпляра содержат одинаковые значения

Question

Я сталкиваюсь с причудливой ошибкой при попытке создать объект Dictionary. Довольно простой материал. Однако, когда я создаю 2 экземпляра объекта, а затем устанавливаю некоторые значения на одном, они появляются на обоих. Что я здесь делаю неправильно?

function Dict() { } 

Dict.prototype = { 

    items: { }, 

    prop: function(key) { 
    return ':' + key; 
    }, 

    get: function(key, def) { 
    var p = this.prop(key), 
     k = this.items; 

    return k.hasOwnProperty(p) ? k[p] : def; 
    }, 

    set: function(key, value) { 
    var p = this.prop(key); 

    this.items[p] = value; 

    return value; 
    }, 

    count: function() { 
    return Object.keys(this.items).length; 
    }, 

    has: function(key) { 
    var p = this.prop(key); 

    return this.items.hasOwnProperty(p); 
    }, 

    del: function(key) { 
    var p = this.prop(key), 
     k = this.items; 

    if(k.hasOwnProperty(p)) 
     delete k[p]; 
    }, 

    keys: function() { 
    return Object.keys(this.items).map(function(key) { 
     return key.substring(1); 
    }); 
    } 
}; 

var a = new Dict(); 
var b = new Dict(); 

a.set('foo', 'bar'); 

console.log(a.keys()); 
console.log(b.keys()); 

Answer 1

Свойство items устанавливается на prototype. Прототип не клонируется при создании объекта, поэтому items то же самое на двух Dict с. Установите items в конструкторе, так что каждый объект имеет свой собственный:

function Dict() { 
    this.items = {}; 
} 

Прототипы работать, потому что, когда вы пытаетесь получить доступ свойства объекта, он сначала проверяет собственные свойства объекта, чтобы увидеть, если он содержит его. Если это так, это значение. Если он там не найден, он проверяет прототип. Если его нет, он продолжает перемещаться по цепочке прототипов, пока не найдет свойство. Если он все еще не найден, это приводит к undefined. (Более подробно, see the specification)

Answer 2

определить класс использовать, попытайтесь переместить определения функций в прототипе, не заменяя прототип объекта, например, так:

 function Dict() { 
     this.items = {}; 
    } 
    Dict.prototype.prop = function (key) { 
     return ':' + key; 
    }; 
    Dict.prototype.get = function (key, def) { 
     var p = this.prop(key), 
    k = this.items; 

     return k.hasOwnProperty(p) ? k[p] : def; 
    }; 
    Dict.prototype.set = function (key, value) { 
     var p = this.prop(key); 

     this.items[p] = value; 

     return value; 
    }; 
    Dict.prototype.count = function() { 
     return Object.keys(this.items).length; 
    }; 
    Dict.prototype.has =function (key) { 
      var p = this.prop(key); 

      return this.items.hasOwnProperty(p); 
     }; 
    Dict.prototype.del =function (key) { 
      var p = this.prop(key), 
    k = this.items; 

      if (k.hasOwnProperty(p)) 
       delete k[p]; 
     }; 
    Dict.prototype.keys = function() { 
      return Object.keys(this.items).map(function (key) { 
       return key.substring(1); 
      }); 
     }; 

Answer 3

Вы определения items внутри прототипа что означает, что он будет использоваться всеми экземплярами. Вам нужно установить его внутри функции «конструктор» и удалить его из прототипа.

function Dict() { this.items = []; } 

Я создал JS скрипку для вас с полным исходным кодом на http://jsfiddle.net/brunomsilva/zaSY2/.