Как передать значение по умолчанию для объекта по ссылке?

Question

[grabbee]

Нужна возможность добавлять объекты в список со значением по умолчанию равным общему для всех. Это значение в будущем можно будет изменить, и ожидается, что это изменит все свойства у объектов списка указанные(ссылающиеся на это значение) при добавлении. Можно будет изменить напрямую свойство объекта со значения по умолчанию на другое, тогда изменение значения по умолчанию изменит свойство у всех объектов, кроме этого.

Набросал такой код, но он не работает как ожидается.

function Some() {
  this.name = 'Some'; 
}
function Other() {
  this.name = 'Other'; 
}

function Filters() {
  this.handler = new Some();  
  this.list = { };
  this.add = function (name, filter) { 
    this.list[name] = Object.create({
      handler: this.handler,
    });
  }
} 

let attempt = new Filters();
attempt.add('first');
attempt.handler = new Other(); 

document.writeln(attempt.handler.name);
document.writeln(attempt.list['first'].handler.name);

В итоге, значение prop у объектов списка не изменяется, хотя ожидалось, что оба значения будут other.

Comments

[Lynn «Кофеман»]

> ссылка на значение по умолчанию
Кто вам сказал что это ссылка?

Поскольку this.prop это примитив (строка), то она присваивается по значению.
Так что вы просто положили в prop строку и никакой связи с this.prop у неё нет.

[grabbee]

Алексей Тен, я пробовал с функциями, результат тот же

function Some() {
  this.name = 'Some'; 
}
function Other() {
  this.name = 'Other'; 
}

function Filters() {
  this.handler = new Some();  
  this.list = { };
  this.add = function (name, filter) {
    this.list[name] = {
      handler: this.handler,
    };
  }
} 

let attempt = new Filters();
attempt.add('first');
attempt.handler = new Other();
document.writeln(attempt.handler.name);
document.writeln(attempt.list['first'].handler.name);

[Lynn «Кофеман»]

grabbee, то же самое.
Вы скопировали в prop ссылку на объект. Потом поменяли ссылку в this.handler, но в prop осталась старая ссылка.

Answer 1

[Lynn «Кофеман»]

Можно написать что-то такое с использованием прототипов:

class Filters {
    constructor(x) {
        this.default = { prop: 'foo' };
        this.list = {};
    }

    add(name) {
        this.list[name] = Object.create(this.default);
    }
}

let attempt = new Filters();
attempt.add('first');
attempt.add('second');
attempt.list['second'].prop = 'custom';

console.log(attempt.list['first'].prop, attempt.list['second'].prop);
// → foo custom
attempt.default.prop = 'bar';
console.log(attempt.list['first'].prop, attempt.list['second'].prop);
// → bar custom

Или поразвлекатся с Object.defineProperty

class Filters {
    constructor(x) {
        this.prop = 'foo';
        this.list = {};
    }

    add(name) {
        const item = this.list[name] = Object.defineProperty({}, 'prop', {
            enumerable: true,
            configurable: true,
            get: () => this.prop,
            set: (v) => {
                Object.defineProperty(item, 'prop', {
                    enumerable: true,
                    writable: true,
                    value: v
                });
            }
        });
    }
}

let attempt = new Filters();
attempt.add('first');
attempt.add('second');
attempt.list['second'].prop = 'custom';

console.log(attempt.list['first'].prop, attempt.list['second'].prop);
// → foo custom

attempt.prop = 'bar';
console.log(attempt.list['first'].prop, attempt.list['second'].prop);
// → bar custom

Comments

[Антон Спирин]

Можно так написать:

class FilterItem {
  constructor(name, prop) {
    this.name = name;
    if (prop) {
      this.prop = prop;
    }
  }
}

FilterItem.prototype.prop = 'default value';

class Filters {
  constructor() {
    this.list = {};
  }

  add(name, prop) {
    this.list[name] = new FilterItem(name, prop);
  }
}



const filters = new Filters();
filters.add('price', 'new value');
filters.add('weight');

console.log(filters.list.price.prop); // new value
console.log(filters.list.weight.prop); // default value

Демо

[Lynn «Кофеман»]

Антон Спирин, ну это вариация первого способа с явно выделенным классом для элемента.

[Антон Спирин]

Алексей Тен, технически да, но читается лучше с любого места. Насчет первого про костыли погорячился. Много кто оказывается так делает)