Как сделать свойство унаследованным объектом?

Question

[Кирилл Новак]

Друзья! Совсем не могу понять как такое сделать.

Нужно чтобы был на пример объект Room, у него было свойство cupboard, которое имело бы свои методы вроде delete, edit и прочее.

Room.cupboard.delete();

При этом нужно чтобы cupboard знал номер комнаты Room.number и другие свойства комнаты.
Спасибо.

Comments

[Кирилл Новак]

Так же, нельзя использовать простую связку

Room = {
cupboard: {

}
}

[Kovalsky]

Кирилл Новак, что значит нельзя, если других вариантов технически не существует?

Answer 1

[Петр Мухуров]

Не думаю, что красиво, но рабочий вариант

class Cupboard {
	constructor(props) {
		this._fromParent = { ...props };
    }

	delete() {
		console.log(this._fromParent);
    }

	refreshProps(props) {
		this._fromParent = { ...props }
    }

	//...
}

class Room {
	constructor() {
		this._number = 5;
		this._price = 500;
		this.cupboard = new Cupboard(this);
    }

	get number() {
		return this._number;
    }

	set number(value) {
		this._number = value;
		this.cupboard.refreshProps(this);
    }
}

const room = new Room();
room.cupboard.delete();
//{_number: 5, _price: 500}

room.number = 6
room.cupboard.delete()
//{_number: 6, _price: 500, cupboard: Cupboard}

Можно придумать через паттерн observable

Comments

[Кирилл Новак]

Да, рабочий, но соглашусь, что не красиво для JS))

[Петр Мухуров]

Ну, можно попроще, хотя я по-прежнему за observable

class Cupboard {
  constructor(parent) {
    this.parent = parent;
  }
  
  delete() {
    console.log(this.parent.number);
  }
}

class Room {
  constructor() {
    this.cupboard = new Cupboard(this);
    this.number = 5;
  }
}

const room = new Room();

room.cupboard.delete();
//5
room.number = 6;
room.cupboard.delete();
//6

Answer 2

[Павел Корнилов]

function ROOM (n) {
	this.namber = n
	this.cupboard = {
		edit : function() {
			// body
		},
		delete : function() {
			// body
		}
	}
}

var Room = new ROOM(1);
console.log(Room);

Comments

[Петр Мухуров]

а как быть, если логика cupboard начнет разрастаться? а если не только cupboard нужно будет добавить подобным образом? раскатывать полотно из классов в классах?)

[Павел Корнилов]

pterodaktil, нет, использовать прототипное наследование - единственно верное для JS.

function ROOM (n) {
  this.namber = n
  this.cupboard = {
    edit : function() {
      // body
    },
    delete : function() {
      // body
    }
  }
this.__proto__ = ParentObj;
}
var ParentObj = {parentProp:true};

var Room = new ROOM(1);
console.log(Room);
console.log(Room.parentProp);

[Петр Мухуров]

KorniloFF а кто сказал, что в принципе наследование - единственно верное для JS? Учитывая тот факт, что в последнее время тенденции сводятся к функциональному стилю, без использования ООП

[Павел Корнилов]

pterodaktil, JS очень гибкий язык. Но прототипное наследование, хотим мы того или нет, уже в него встроено. Каждый объект имеет изначально ссылку на свой прототип, и т.д. по цепочке до null. ИМХО, раз оно уже есть, глупо им не пользоваться, а выдумывать всякую классовую околесицу.
Согласен, я привел немного олдскульный вариант кода, зато он как нельзя лучше показывает именно идеологию JS. А классы, думаю, не буду в своих кодах использовать никогда, поскольку это за уши натянутая конструкция на язык, нагружающая интерпретатор броузера.

[Петр Мухуров]

KorniloFF классы - синтаксический сахар, не больше, а функциональный подход, как показала практика на больших проектах, работает намного быстрее, чем наследование и бегание по дереву прототипов

[Павел Корнилов]

pterodaktil, есть какая-нибудь статья об этом? Было бы интересно почитать мнения на этот счет, а еще интересней - посмотреть сравнительный анализ.